js获取鼠标移动时的坐标

JavaScript获取鼠标移动时的坐标(兼容:IE8、谷歌、Firefox、Opera)

 
 
 
 

   
    
 
<script type="text/javascript"> 
  
function mousePos(e,t){ 
  var e = e||window.event; 
  return { 
    x:parseInt( 
		parseInt(e.clientX) + parseInt(document.body.scrollLeft) 
		+  parseInt(document.documentElement.scrollLeft)
		 - parseInt(t.offsetLeft) ), 
    y:parseInt(
		parseInt(t.offsetHeight) - parseInt(
		parseInt(e.clientY) + parseInt(document.body.scrollTop)
	 	+ parseInt(document.documentElement.scrollTop)
	  	- parseInt(t.offsetTop)) - parseInt(1)),
	clientX:e.clientX,
	clientY:e.clientY,
	scrollLeft:document.body.scrollLeft,
	scrollTop:document.body.scrollTop,
	ElementScrollLeft:document.documentElement.scrollLeft,
	ElementScrollTop:document.documentElement.scrollTop,
	offsetLeft:t.offsetLeft,
	offsetTop:t.offsetTop,
	offsetHeight:t.offsetHeight,
	offsetWidth:t.offsetWidth,
	xx:parseInt(
		parseInt(e.clientX) 
	),
	yy:parseInt(
		parseInt(e.clientY) 	
	)
  }; 
}; 
  
 function hiddenCoord(){    	
	var say = document.all("coords");
	say.style.display = 'none';
}
  
function test(e,t){    
	var say = document.all("coords");
        	var x = mousePos(e,t).x;
        	var y = mousePos(e,t).y;
        	var w = parseInt(mousePos(e,t).offsetWidth);
        	say.style.display = 'block';
        	 say.innerHTML = "X:"+ x +" Y:" + y ;
        	 say.style.position = "fixed";

        	 if(y <= 20 && x >= (w / 2)){
				say.style.left = parseInt(mousePos(e,t).xx - parseInt(80)) + "px";
				say.style.top = (parseInt(mousePos(e,t).yy) - parseInt(12)) + "px";
			}else if(y <= 20){
        		 say.style.left = parseInt(mousePos(e,t).xx + parseInt(8)) + "px";
        		 say.style.top = (parseInt(mousePos(e,t).yy) - parseInt(12)) + "px";
        	 }else if(x >= (w / 2)){
        		 say.style.left = parseInt(mousePos(e,t).xx - parseInt(80)) + "px";
        		 say.style.top = (parseInt(mousePos(e,t).yy)) + "px";
        	 }else{
        		 say.style.left = parseInt(mousePos(e,t).xx +parseInt(13)) + "px";
        		 say.style.top = (parseInt(mousePos(e,t).yy)) + "px";
        	 }
}; 
</script>