原生js和jQuery中鼠标,元素位置的区别

原生js中的相关属性及方法

1.鼠标位置相关 (e为事件对象)

①.鼠标距离 整个文档(0,0)的距离

  • e.pageX
  • e.pageY

②. 鼠标距离屏幕(0,0)的距离

  • e.screenX
  • e.screenY

③.鼠标距离浏览器可视区(0,0)的距离

  • e.clientX
  • e.clientY

2. 元素相关

①.对象距离 带有定位父级的距离

  • element.offsetLeft
  • element.offsetTop

②. 对象距离可视区(0,0)的距离

  • element.clientLeft
  • element.clientTop

③.对象被卷起的距离

  • element.scrolX
  • element.scrollY

你可能感兴趣的:(原生js和jQuery中鼠标,元素位置的区别)