时间:2021-07-01 10:21:17 帮助过:2人阅读
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>javascript获得鼠标位置</title> </head> <body> 鼠标X轴: <input id=xxx type=text> 鼠标Y轴: <input id=yyy type=text> </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> </html>
相关推荐:
js代码实现鼠标拖拽div实例
JS鼠标3次点击事件的实现代码
jQuery实现鼠标滑过预览大图效果
以上就是js如何获取鼠标当前位置实例的详细内容,更多请关注Gxl网其它相关文章!