快捷導(dǎo)航

多瀏覽器兼容的獲取元素和鼠標(biāo)的位置的js代碼

更新時間：2009年12月15日 17:45:34 作者：

獲取元素和鼠標(biāo)的位置（兼容IE6.0,IE7.0,IE8.0,FireFox2.0,FireFox3.5,Opera），該功能是我一同事鉆研出來的，目標(biāo)是為了實現(xiàn)與QQ自定義布局和拖放模塊類似的功能。

//獲取元素的位置 
function getLeft(obj) { 
if (obj == null) 
return null; 
var mendingObj = obj; 
var mendingLeft = mendingObj.offsetLeft; 
while (mendingObj != null && mendingObj.offsetParent != null && mendingObj.offsetParent.tagName != "BODY") { 
mendingLeft = mendingLeft + mendingObj.offsetParent.offsetLeft; 
mendingObj = mendingObj.offsetParent; 
} 

return mendingLeft; 
}; 
function getTop(obj) { 
if (obj == null) 
return null; 
var mendingObj = obj; 
var mendingTop = mendingObj.offsetTop; 
while (mendingObj != null && mendingObj.offsetParent != null && mendingObj.offsetParent.tagName != "BODY") { 
mendingTop = mendingTop + mendingObj.offsetParent.offsetTop; 
mendingObj = mendingObj.offsetParent; 
} 
return mendingTop; 
}; 
//獲取鼠標(biāo)的位置 
function getMousePosition(event) { 
var position = { 
MouseX: 0, 
MouseY: 0 
} 
if (event.pageX != undefined) { 
position.MouseX = event.pageX; 
position.MouseY = event.pageY; 
} 
else { 
var target = EventUtil.getTarget(event); 
position.MouseX = event.offsetX + getLeft(target); 
position.MouseY = event.offsetY + getTop(target); 

} 
return position; 

您可能感興趣的文章:

相關(guān)文章

JS使用ActiveXObject實現(xiàn)用戶提交表單時屏蔽敏感詞功能
這篇文章主要介紹了JS采用ActiveXObject實現(xiàn)用戶在提交表單時屏蔽敏感詞的功能的相關(guān)資料,需要的朋友可以參考下
2017-06-06
如何實現(xiàn)JS函數(shù)的重載
如何實現(xiàn)JS函數(shù)的重載...
2006-09-09
JavaScript實現(xiàn)4位隨機驗證碼的生成
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)4位隨機驗證碼的生成，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-01-01
JavaScript原生數(shù)組Array常用方法
在入門Vue時, 列表渲染一節(jié)中提到數(shù)組的變異方法, 其中包括push(), pop(), shift(), unshift(), splice(), sort(), reverse(), 而concat()和slice()不屬于變異方法. 在這里就復(fù)習(xí)一下Array所提供的這幾個方法的使用
2017-04-04
js觀察者模式的彈幕案例
這篇文章主要為大家詳細(xì)介紹了js觀察者模式的彈幕案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
js實現(xiàn)自動鎖屏功能
有這么一個需求，開發(fā)了一套系統(tǒng)，當(dāng)用戶離開桌面或者一段時間不操作的話，需要把該系統(tǒng)所有打開頁面鎖定起來，本文就詳細(xì)的介紹一下，感興趣的可以了解一下
2021-06-06
js實現(xiàn)div色塊碰撞
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)div色塊碰撞，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-01-01
JS原型、原型鏈深入理解
這篇文章主要針對javascript中的原型、原型鏈深入理解，原型是JavaScript中一個比較難理解的概念，本文為大家解決這個難題，感興趣的小伙伴們可以參考一下
2016-02-02
JavaScript Array對象擴展indexOf()方法
JavaScript中Array對象沒有indexOf()方法，可通過下面的代碼擴展,需要的朋友可以參考下
2014-05-05
利用js將ajax獲取到的后臺數(shù)據(jù)動態(tài)加載至網(wǎng)頁中的方法
今天小編就為大家分享一篇利用js將ajax獲取到的后臺數(shù)據(jù)動態(tài)加載至網(wǎng)頁中的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08