This article mainly shares with you how to get the current position of the mouse in js. I hope it can help you.
<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>Related recommendations:
js code to implement mouse dragging div example
JS mouse 3 click event implementation code
jQuery realizes the effect of previewing the large image when the mouse slides over it
The above is the detailed content of How to get the current mouse position instance in js. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
