99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

這篇文章主要為大家展示了“JavaScript如何解決offsetX兼容性問題”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“JavaScript如何解決offsetX兼容性問題”這篇文章吧。

從事成都服務器托管，服務器租用，云主機，雅安服務器托管，域名申請，CDN，網(wǎng)絡代維等服務。

解決offsetX兼容性問題

// 針對火狐不支持offsetX/Y
function getOffset(e) {
 var target = e.target, // 當前觸發(fā)的目標對象
   eventCoord,
   pageCoord,
   offsetCoord;

 // 計算當前觸發(fā)元素到文檔的距離
 pageCoord = getPageCoord(target);

 // 計算光標到文檔的距離
 eventCoord = {
   X: window.pageXOffset + e.clientX,
   Y: window.pageYOffset + e.clientY
 };

 // 相減獲取光標到第一個定位的父元素的坐標
 offsetCoord = {
   X: eventCoord.X - pageCoord.X,
   Y: eventCoord.Y - pageCoord.Y
 };
 return offsetCoord;
}

function getPageCoord(element) {
 var coord = { X: 0, Y: 0 };
 // 計算從當前觸發(fā)元素到根節(jié)點為止，
 // 各級 offsetParent 元素的 offsetLeft 或 offsetTop 值之和
 while (element) {
   coord.X += element.offsetLeft;
   coord.Y += element.offsetTop;
   element = element.offsetParent;
 }
 return coord;
}

以上是“JavaScript如何解決offsetX兼容性問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文名稱：JavaScript如何解決offsetX兼容性問題
文章URL：http://www.ef60e0e.cn/article/jipjpi.html