JavaScript如何获取鼠标点击位置的坐标

Html

Css

Js

#mydiv { width:100px; height:100px; background-color:green; margin:100px; }

window.onload=function() { var odiv=document.getElementById("mydiv"); var ospan=document.getElementById("myspan"); odiv.onclick=function(ev) { ev=window.event||ev; ospan.innerHTML="x:"+ev.screenX+"y:"+ev.screenY; } }

↑上面代码改变，会自动显示代码结果

jQuery调用版本：1.11.3

可以使用screenX和screenY属性获取鼠标相对于屏幕左边缘和上边缘的距离。

点击绿色的div时，就可以显示鼠标指针在屏幕中的坐标。

说明:这两个属性在所有主流浏览器中兼容性良好。