clientX和clientY為可視區鼠標的位置。

?

1. 隨鼠標移動的div塊[runjs]

當document有多個頁面時，會出現問題。[runjs]

?

2. 解決方案：scrollTop, scrollLeft

需要注意scrollTop/scrollLeft的兼容性獲取；

scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

[runjs]

?

3. 封裝getPosition()函數

1 function getPosition(event) { 2 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 3 var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; 4 5 return {x:event.clientX+scrollLeft, y:event.clientY+scrollTop}; 6 }

?

轉載于:https://www.cnblogs.com/linxd/p/4561101.html

總結

以上是生活随笔為你收集整理的clientX和clientY属性需要注意的地方的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。