比如一个鼠标在屏幕任意地方点击,弹出鼠标当前所在坐标。
代码:
<html>
<head>
<meta charset="utf-8"/>
<title>事件对象</title>
<script>
window.οnlοad=function(){
document.οnclick=function(ev){//加在document对象上,而非body上。因为body有撑不开的问题。
<span style="color:#ff0000;">oEvent=ev||event;//兼容写法</span>
alert(oEvent.clientX+","+oEvent.clientY);
}
}
</script>
</head>
<body>
</body>
</html>
注意:clientX和clientY取的是鼠标据当前屏幕左边和顶部的距离。如果要取鼠标到文档顶部的距离,需用:clientX+scrollTop
scrollTop的兼容写法:
var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;