当前位置: 代码迷 >> Web前端 >> event.x,event.clientX,event.offsetX差异
  详细解决方案

event.x,event.clientX,event.offsetX差异

热度:545   发布时间:2012-11-18 10:51:22.0
event.x,event.clientX,event.offsetX区别

x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。?
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。?
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。?
screenX:相对于用户屏幕。

?

<table border=1 cellpadding=15 cellspacing=15 style="position:relative;left:100;top:100">?

<tr><td>?

<div onclick="show()" style="background:silver;cursor:hand">?

Click here to show. ?

</div>?

</td></tr>?

</table>?

<script>?

function show(){?

alert("window.event.x:"+window.event.x+"\nwindow.event.y:"+window.event.y+"\nevent.clientX:"+event.clientX+"\nevent.clientY:"+event.clientY+"\nevent.offsetX:"+event.offsetX+"\nevent.offsetY:"+event.offsetY+"\nwindow.event.screenX:"+window.event.screenX+"\nwindow.event.screenY:"+window.event.screenY);?

}?

</script>


  相关解决方案