• clientX/clientY : 鼠标相对于当前视口的x/y坐标, 不不考虑页面滚动的距离。(以视口左上角为原点)
  • pageX/pageY : 鼠标相对于整个页面的x/y坐标,会加上页面的滚动距离 (以页面左上角为原点)
  • screenX/screenY : 鼠标相对于屏幕的x/y坐标 (以屏幕左上角为原点)
  • offsetX/offsetY : 鼠标在触发事件的目标元素上的x/y坐标(以元素的左上角为原点)

个人笔记记录 2021 ~ 2025