(三种方式)JavaScript获取鼠标“位置”的方法

参考

Document-Pos

1. 相对于屏幕

function getPos(event) {
      var e = event || window.event;
      console.log("相对于屏幕的绝对路径：", e.screenX, e.screenY);
}

2. 相对于浏览器

function getPos(event) {
      var e = event || window.event;
      console.log("相对于浏览器的相对路径：", e.clientX, e.clientY);
}

若页面无 scroll 则相对于浏览器和相对于文档获取位置相同

3. 相对于文档(译：document页面) 

function getPos(event) {
      let e = event || window.event;
      let scrollX = document.documentElement.scrollLeft || document.body.scrollLeft
      let scrollY = document.documentElement.scrollTop || document.body.scrollTop
      let x = e.pageX || e.clientX + scrollX
      let y = e.pageY || e.clientY + scrollY
      console.log("相对于文档的绝对路径：", x, y)
}

实践出真知！