感觉 event.clientX、event.clientY 和 event.x、event.y 没什么区别？ 能举个例子说明一下吗？最好有代码

clientX,clientY针对浏览器的client区
x,y针对父层相对定位元素<BODY>
<SCRIPT LANGUAGE="JavaScript">
function a()
{
divid.innerHTML = 'clientX:' + event.clientX + '<br>' + 'clientY:' + event.clientY + '<br>' + 'x:' + event.x + '<br>' + 'y:' + event.y;
}
</SCRIPT>
div的样式：position:relative;left:100;top:100
<div id=divid style="position:relative;left:100;top:100;width:200;height:300;border:1 solid red" onmousemove="a()"></div>
</BODY>
若父层无相对元素，则与clientX,clientY同

解决方案 »

  1.   

    摘自手册：clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 
    clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 
    x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标。 
    y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标。