终于搞懂这些的区别了 clientX、offsetX、screenX、pageX

相关文章

• screenX/Y，clientX/Y，offsetX/Y和pageX/Y之间有什么区别?

  摘要：意为偏移量，是被点击的元素距左上角为参考原点的长度，而和的参考点有所差异。下，是包含边框的，如图所示。而是不包含边框的，如果鼠标进入到区域，为返回负值，如图所示。 offsetX,offsetY offset意为偏移量，是被点击的元素距左上角为参考原点的长度，而IE、FF和Chrome的参考点有所差异。 Chrome下，offsetX offsetY是包含边框的，如图所示。showIm...

  jemygraw 2019-08-22 15:56 评论0 收藏0

• 鼠标点击的各种坐标 (事件对象)

  摘要：返回事件发生时，鼠标指针相对于浏览器窗口可视区域的水平垂直窗口坐标。可视区域不包括工具栏和滚动条，事件和标准事件都定义了这个属性返回鼠标指针的位置，类似于，但它们使用的是文档坐标而非窗口坐标。是相对于被点击了的元素。 e.clientX,e.clientY返回事件发生时，鼠标指针相对于浏览器窗口可视区域的水平（垂直）窗口坐标。可视区域不包括工具栏和滚动条，IE事件和标准事件都定义了这2...

  xushaojieaaa 2019-08-23 14:51 评论0 收藏0

• 鼠标点击的各种坐标 (事件对象)

  摘要：返回事件发生时，鼠标指针相对于浏览器窗口可视区域的水平垂直窗口坐标。可视区域不包括工具栏和滚动条，事件和标准事件都定义了这个属性返回鼠标指针的位置，类似于，但它们使用的是文档坐标而非窗口坐标。是相对于被点击了的元素。 e.clientX,e.clientY返回事件发生时，鼠标指针相对于浏览器窗口可视区域的水平（垂直）窗口坐标。可视区域不包括工具栏和滚动条，IE事件和标准事件都定义了这2...

  xiongzenghui 2019-08-02 14:09 评论0 收藏0

• event对象中offsetX,clientX,pageX,screenX的区别

  摘要：意为偏移量是事件对象距左上角为参考原点的距离。以元素盒子模型的内容区域的左上角为参考点。 1、offsetXoffset意为偏移量,是事件对象距左上角为参考原点的距离。以元素盒子模型的内容区域的左上角为参考点。不包括border。2、clientX事件对象相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条3、pageX事件对象相对于整个文档的坐标以像素为单位...

  JasinYip 2019-08-30 14:22 评论0 收藏0

• event对象中offsetX,clientX,pageX,screenX的区别

  摘要：意为偏移量是事件对象距左上角为参考原点的距离。以元素盒子模型的内容区域的左上角为参考点。 1、offsetXoffset意为偏移量,是事件对象距左上角为参考原点的距离。以元素盒子模型的内容区域的左上角为参考点。不包括border。2、clientX事件对象相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条3、pageX事件对象相对于整个文档的坐标以像素为单位...

  gityuan 2019-08-22 16:01 评论0 收藏0