js获取鼠标坐标pageX/pageY和clientX/clientY的区别

这两种获取鼠标坐标的方法,区别在于参考对象不同:

pageX和pageY:获取鼠标指针距离文档(HTML)的左上角距离,不会随着滚动条滚动而改变

clientX和clientY:获取鼠标指针距离可视窗口(不包括上面的地址栏和滑动条)的距离,会随着滚动条滚动而改变

你可能感兴趣的:(js)