javascript中的event.clientX位置问题

Question

我正在从这个页面学习javascript示例,

http://nofunc.org/AJAX_Star_Rating

我对函数XY(e,v)中的以下代码片段感到困惑,特别是两个语句,event.clientX+document.documentElement.scrollLeft并且 event.clientY+document.documentElement.scrollTop,任何人都可以告诉我什么是document.documentElement.scrollLeft和document.documentElement.scrollTop？为什么我们将它添加到event.clientX并event.clientY取悦(即将它们添加到event.clientX和时我们可以得到什么有意义的值event.clientY)？

顺便说一句:我正在使用Internet Explorer.

乔治,提前谢谢

Answer 1

clientX - 获取或设置鼠标指针相对于窗口客户区域的位置的x坐标,不包括窗口装饰和滚动条. http://msdn.microsoft.com/en-us/library/ms533567(VS.85).aspx

scrollLeft - 设置或检索对象左边缘与窗口中当前可见内容的最左边部分之间的距离. http://msdn.microsoft.com/en-us/library/ms534617(VS.85).aspx

在外行人中,它将鼠标放在屏幕上(clientX和clientY),然后将该值添加到页面的当前滚动位置(scrollLeft和scrollTop)以获得该点的总像素位置.

IE浏览器如果您正在查看向下滚动200px的页面,并且在客户端的查看区域下以200px的速度点击鼠标,那么文档将向下移动400px.

编辑:

"窗口的客户区"是指您查看/操作页面的Internet Explorer的显示区域.它从左上角的0px 0px开始,与浏览器窗口打开时一样宽/高(减去滚动条,框架,标题栏等).

在示例中,它试图通过计算浏览器的"可查看区域"中的位置来确定页面上事件的绝对位置,并将其添加到"可视区域"滚动的向下/向右的位置在页面上.