JavaScript 鼠标事件 mouseEvent

鼠标事件 mouseEvent
这个是有兼容性的问题的,还是低版本IE不支持

e.pageX 返回鼠标相对于文档页面的X坐标,会跟随页面的滚动而获得新坐标,就是在浏览器窗口大小没有变化的前提下,滚动了页面,就算是相同的物理地址再次点击,也会获得不一样的鼠标坐标
e.pageY 返回鼠标相对于页面的Y坐标,会跟随页面的滚动而获得新坐标,就是在浏览器窗口大小没有变化的前提下,滚动了页面,就算是相同的物理地址再次点击,也会获得不一样的鼠标坐标
e.clientX 返回鼠标相对于浏览器窗口可视区的X坐标,鼠标的坐标永远是相对于浏览器可视区域来确定的,不管有没有滚动条,就算滚动了点击相对于屏幕的物理位置相同的还是返回同一坐标信息(在浏览器的可视区没有变化的前提下)
e.clientY 返回鼠标相对于浏览器窗口可视区的Y坐标

这个用得少

e.screenX 返回鼠标相对于电脑屏幕的X坐标
e.screenY 返回鼠标相对于电脑屏幕的Y坐标

猜你喜欢

转载自blog.csdn.net/weixin_44401120/article/details/110262701
今日推荐