扫码关注官方订阅号
点击的时候,给最外的绑定mousemove事件,预期e.offsetX和e.offsetY是相对于最外的左上角而言的。但是实际上,好像是相对于两个子而言的。
mousemove
e.offsetX
e.offsetY
请问e.offsetX到底是相对于什么而言的?有什么需要注意的地方吗?
走同样的路,发现不同的人生
offsetX 表示鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 表示鼠标指针位置相对于触发事件的对象的 y 坐标。mousemove事件是冒泡的,当里面的p触发mousemove事件时会向上冒泡,当冒泡到最外层p时调用事件处理程序。任何一个事件的目标元素都是最开始触发事件的那个元素。所以event.offsetX/Y表示的是你触发mousemove事件的源对象的offsetX/Y,也就是里面的p。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
offsetX 表示鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY 表示鼠标指针位置相对于触发事件的对象的 y 坐标。
mousemove事件是冒泡的,当里面的p触发mousemove事件时会向上冒泡,当冒泡到最外层p时调用事件处理程序。任何一个事件的目标元素都是最开始触发事件的那个元素。所以event.offsetX/Y表示的是你触发mousemove事件的源对象的offsetX/Y,也就是里面的p。