【收藏】JS獲取鼠標的X,Y坐標位置
阿新 • • 發佈:2018-06-24
div TE ret AR ont page inpu coord pos
JS的方法:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript獲得鼠標位置</title> </head> <body> <script> function mouseMove(ev) { Ev= ev || window.event; var mousePos = mouseCoords(ev); document.getElementById("xxx").value = mousePos.x; document.getElementById("yyy").value = mousePos.y; } function mouseCoords(ev) { if(ev.pageX || ev.pageY){ return {x:ev.pageX, y:ev.pageY}; } return{ x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, y:ev.clientY + document.body.scrollTop - document.body.clientTop }; } document.onmousemove= mouseMove; </script> 鼠標X軸: <input id=xxx type=text> 鼠標Y軸: <input id=yyy type=text> </body>
jquery的方法:
<div id="testDiv">放在我上面</div> <script type="text/javascript"> $(‘#testDiv‘).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); }); </script>
【收藏】JS獲取鼠標的X,Y坐標位置