是否有可能在图像的mouseouver事件中获得准确的鼠标位置?如果我使用在文档鼠标移动事件上更新鼠标位置的函数,则可能会出现延迟和此类问题,并且无法获得确切位置
如果您正在寻找一个简单的JS来获取MouseOver事件的光标位置,请参见以下示例代码:
<!DOCTYPE html>
<html>
<head>
<script>
function getPos(e){
x=e.clientX;
y=e.clientY;
cursor="Your Mouse Position Is : " + x + " and " + y ;
document.getElementById("displayArea").innerHTML=cursor
}
function stopTracking(){
document.getElementById("displayArea").innerHTML="";
}
</script>
</head>
<body>
<div id="focusArea" onmousemove="getPos(event)" onmouseout="stopTracking()"><p>Mouse Over This Text And Get The Cursor Position!</p></div>
<p id="displayArea"></p>
</body>
</html>
用于跟踪位置的javascript方法offset()
,在这里我做的和Mayur所说的一样,只是添加了一点点。