读书人

event.x,event.clientX,event.offsetX

发布时间: 2012-11-18 10:51:22 作者: rapoo

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>


读书人网 >Web前端

热点推荐