獲取滑鼠實時位置座標
阿新 • • 發佈:2019-02-07
<span style="font-size:18px;"><script type="text/javascript"> //獲取滑鼠實時座標 function mousePosition(ev){ ev = ev || window.event; 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 }; } </script></span>
使用1,當某元件被hover時獲取滑鼠位置:
$("#createtable").mouseover(function(e){
var mousePos = mousePosition(e);
alert("mousePos.x");alert("mousePos.y");
}
使用2:一致獲取滑鼠位置:
js:
html:function mouseMove(ev){ var mousePos = mousePosition(ev); document.getElementById("xxx").value = mousePos.x; document.getElementById("yyy").value = mousePos.y;<span style="font-family: Arial, Helvetica, sans-serif;"> </span> } document.onmousemove = mouseMove; //滑鼠移動觸發 document.onclick = mouseMove; //滑鼠點選觸發
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />