clientX,clientY是鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0,clientY=0；offsetX,offsetY是鼠标当前相对于网页中的某一区域的位置，当鼠标位于页面中这一区域的左上角时offsetX=0,offsetY=0；screenX,screenY是相对于用户显示器的位置x...

JavaScript中一些概念理解：clientX、clientY、offsetX、offsetY、screenX、screenYclientX设置或获取鼠标指针位置相对于窗口客户区域的x坐标，其中客户区域不包括窗口自身的控件和滚动条。clientY设置或获取鼠标指针位置相对于窗口客户区域的y坐标，其中客户区域不包括窗...

 先统一了解下这四个概念，理解不透没关系，这些属性都是用于鼠标的。clientX：在水平方向上，鼠标指针距离浏览器左侧边缘的距离。pageX：在水平方向上，鼠标指针距离网页文档X轴左侧边缘的距离。offsetX：在水平方向上，鼠标指针距离鼠标所在元素左侧边缘的距离。screenX：在水平方向上，鼠标指针距离电...

event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这...

event.offsetX、event.offsetY（相对事件发生的具体元素左上角的定位）鼠标相对于事件源元素（srcElement）的X,Y坐标，只有IE事件有这2个属性，标准事件没有对应的属性。event.clientX、event.clientY（相对可视区域左上角的绝对定位）鼠标相对于浏览器窗口可视区域的X，...

先上个pc端和手机端的图： 说明：上面的属性，都是in这个div的属性值。我是点击的in这个div的左上角，所以pageX、pageY是40。HTML：<divclass="out">　　<divclass="in"></div></div>css:.out{w...