微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

当浏览器具有屏幕缩放功能时,ScreenX和ScreenY不会将元素与光标对齐

如何解决当浏览器具有屏幕缩放功能时,ScreenX和ScreenY不会将元素与光标对齐

缩放屏幕时,event.screenX的{​​{1}}和event.screenY不能与顶部和底部的px偏移相等。放大时,它们会缓慢落在后面;放大时,它们会缓慢向前跳。

如何考虑屏幕缩放以使元素跟随光标移动?

解决方法

诀窍是不使用MouseEventscreenX,而是使用screenYclientX。这些度量是相对于缩放的,也是相对于视口的(因此,如果您的代码嵌入在视口中,它们仍然可以使用)。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。