多瀏覽器兼容的獲取元素和鼠標(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自定義布局和拖放模塊類似的功能。
復(fù)制代碼 代碼如下:
//獲取元素的位置
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;
您可能感興趣的文章:
- js判斷鼠標(biāo)位置是否在某個div中的方法
- js獲取鼠標(biāo)點(diǎn)擊的位置實現(xiàn)思路及代碼
- 基于JavaScript實現(xiàn) 獲取鼠標(biāo)點(diǎn)擊位置坐標(biāo)的方法
- JavaScript取得鼠標(biāo)絕對位置程序代碼介紹
- js與jquery中獲取當(dāng)前鼠標(biāo)的x、y坐標(biāo)位置的代碼
- Javascript在IE或Firefox下獲取鼠標(biāo)位置的代碼
- javascript 移動鼠標(biāo)得到單元格所在table表中的rowIndex位置[兼容ie,firefox]
- 用javascript獲取當(dāng)頁面上鼠標(biāo)光標(biāo)位置和觸發(fā)事件的對象的代碼
- javascript 獲取鼠標(biāo)的絕對位置 event
- JS獲得鼠標(biāo)位置(兼容多瀏覽器ie,firefox)腳本之家修正版
- JS獲取鼠標(biāo)相對位置的方法
相關(guān)文章
原生js實現(xiàn)可兼容PC和移動端的拖動滑塊功能詳解【測試可用】
這篇文章主要介紹了原生js實現(xiàn)可兼容PC和移動端的拖動滑塊功能,結(jié)合實例形式詳細(xì)分析了javascript事件響應(yīng)及頁面元素屬性動態(tài)操作實現(xiàn)滑塊拖動功能的相關(guān)操作技巧,需要的朋友可以參考下2019-08-08js的.innerHTML = ""IE9下顯示有錯誤的解決方法
js的.innerHTML= "……"在ie9- 的版本顯示不正常,使用jquery可以解決,有類似問題的朋友可以參考下2013-09-09JavaScript與C# Windows應(yīng)用程序交互方法
JavaScript與C# Windows應(yīng)用程序交互方法...2007-06-06微信小程序點(diǎn)擊view動態(tài)添加樣式過程解析
這篇文章主要介紹了微信小程序點(diǎn)擊view動態(tài)添加樣式過程解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-01-01JS題解leetcode去掉最低工資和最高工資后的工資平均值
這篇文章主要為大家介紹了JS題解leetcode去掉最低工資和最高工資后的工資平均值,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12