Javascript ScreenX和ScreenY赢得'；当浏览器进行屏幕缩放时，将元素与光标对齐_Javascript_Drag And Drop_Mouseevent

Javascript ScreenX和ScreenY赢得'；当浏览器进行屏幕缩放时，将元素与光标对齐

javascript

Javascript ScreenX和ScreenY赢得'；当浏览器进行屏幕缩放时，将元素与光标对齐,javascript,drag-and-drop,mouseevent,Javascript,Drag And Drop,Mouseevent,缩放屏幕时，MouseEvent的event.screenX和event.screenY与从顶部和底部的px偏移量不相等。放大时，它们会慢慢落在后面，放大时，它们会慢慢向前跳如何考虑屏幕缩放以使元素跟随光标？诀窍是不要使用screenX和screenY，而是使用clientX和clientY。这些测量是相对于缩放的，也是相对于视口的（因此，如果代码嵌入到视口中，它们仍然有效）

缩放屏幕时，

MouseEvent

的

event.screenX

和

event.screenY

与从顶部和底部的px偏移量不相等。放大时，它们会慢慢落在后面，放大时，它们会慢慢向前跳

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

诀窍是不要使用

screenX

和

screenY

，而是使用

clientX

和

clientY

。这些测量是相对于缩放的，也是相对于视口的（因此，如果代码嵌入到视口中，它们仍然有效）