在触发鼠标事件的时候会传一个event参数,在这个参数中我们可以获得pageX/pageY、clientX/clientY、screenX/screenY,但是这几个属性有啥区别呢?看下图
screenX/screenY:其实就是你的鼠标指针距离你电脑屏幕左侧边缘和上侧边缘的距离
clientX/clientY:其实就是你的鼠标指针距离当前网页最左侧和最上侧的距离(不包含滚动条的距离)
pageX/pageY:其实就是你的鼠标指针距离当前网页最最侧和最上侧的距离(包含滚动条的距离)
在触发鼠标事件的时候会传一个event参数,在这个参数中我们可以获得pageX/pageY、clientX/clientY、screenX/screenY,但是这几个属性有啥区别呢?看下图
screenX/screenY:其实就是你的鼠标指针距离你电脑屏幕左侧边缘和上侧边缘的距离
clientX/clientY:其实就是你的鼠标指针距离当前网页最左侧和最上侧的距离(不包含滚动条的距离)
pageX/pageY:其实就是你的鼠标指针距离当前网页最最侧和最上侧的距离(包含滚动条的距离)