1、JQ獲取鼠標的當前位置
$('#div1').mousemove(function(e){ var xx=e.originalEvent.x || e.originalEvent.layerX || 0; var yy=e.originalEvent.y || e.originalEvent.layerY || 0; $(this).text(xx+','+yy); } ) //jquery中event.originalEvent指向事件原始對象
2.原生JS獲取當前鼠標位置
關鍵是在onmousemove中實時獲取PageX和PageY
IE不支持,改用clientX+scrollLeft-clientLeft
document.onmousemove=function(ev){ ev=ev||window.event; var mousePos=mouseCoords(ev); document.getElementById("p").innerHTML=mousePos.x+","+mousePos.y; //顯示到P標簽中 } function mouseCoords(ev){ if(ev.PageX &&ev.PageY){ return {x:ev.PageX,y:ev.PageY} } //做兼容 d=document.documentElement||document.body;
reutrn { x:ev.clientX+d.scrollLeft-d.clientLeft, y:ev.clientY+d.scrollTop-d.clientTop }
}