client.x ,client.y,offset.x,它们坐标原点在哪啊
哪位大哥告诉我以下几个属性的坐标原点,alert出来的坐标咋看都不对劲,谢谢
position:absolute时:
window.event:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 本例是相对于窗口。
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。
例二:
position:relative时:
window.event:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 本例是相对于表格。
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。
<table border=0 cellpadding=0 cellspacing=0 style= "position:absolute;left:100;top:100 ">
<tr> <td>
<div onclick= "show() " style= "background:#ff9966;cursor:hand ">
点击这里!
</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>
<br> <br> <br> <br> <br> <br> <br> <br>
<table border=0 cellpadding=0 cellspacing=0 style= "position:relative;left:100;top:100 ">
<tr> <td>
<div onclick= "show1() " style= "background:#ff9966;cursor:hand ">
点击这里!
</div>
</td> </tr>
</table>
<script>
function show1(){
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>
------解决方案--------------------哪不对了?
还有。。
你看哪个不对?