#clientX

clientX, clientY,offsetX, offsetY,screenX, screenY, x, y

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

JavaScript 中事件对象参数:clientX、clientY、offsetX、offsetY、screenX、screenY

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

pageX,clientX,offsetX,screenX,style.left,offsetLeft,scrollLeft,clientLeft的区别以及使用详解

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

理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY

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

ev的offsetX,pageX,clientX和screenX

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

扒一扒offsetleft,srollleft,pagex,clientx,postion().left等精确位置的获取与理解

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