多瀏覽器兼容的獲取元素和鼠標(biāo)的位置的js代碼
更新時(shí)間：2009年12月15日 17:45:34 作者：
獲取元素和鼠標(biāo)的位置（兼容IE6.0,IE7.0,IE8.0,FireFox2.0,FireFox3.5,Opera），該功能是我一同事鉆研出來的，目標(biāo)是為了實(shí)現(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)位置是否在某個(gè)div中的方法
- js獲取鼠標(biāo)點(diǎn)擊的位置實(shí)現(xiàn)思路及代碼
- 基于JavaScript實(shí)現(xiàn) 獲取鼠標(biāo)點(diǎn)擊位置坐標(biāo)的方法
- JavaScript取得鼠標(biāo)絕對(duì)位置程序代碼介紹
- js與jquery中獲取當(dāng)前鼠標(biāo)的x、y坐標(biāo)位置的代碼
- Javascript在IE或Firefox下獲取鼠標(biāo)位置的代碼
- javascript 移動(dòng)鼠標(biāo)得到單元格所在table表中的rowIndex位置[兼容ie,firefox]
- 用javascript獲取當(dāng)頁面上鼠標(biāo)光標(biāo)位置和觸發(fā)事件的對(duì)象的代碼
- javascript 獲取鼠標(biāo)的絕對(duì)位置 event
- JS獲得鼠標(biāo)位置（兼容多瀏覽器ie,firefox）腳本之家修正版
- JS獲取鼠標(biāo)相對(duì)位置的方法
相關(guān)文章
JS使用ActiveXObject實(shí)現(xiàn)用戶提交表單時(shí)屏蔽敏感詞功能
這篇文章主要介紹了JS采用ActiveXObject實(shí)現(xiàn)用戶在提交表單時(shí)屏蔽敏感詞的功能的相關(guān)資料,需要的朋友可以參考下2017-06-06
如何實(shí)現(xiàn)JS函數(shù)的重載...2006-09-09
JavaScript實(shí)現(xiàn)4位隨機(jī)驗(yàn)證碼的生成
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)4位隨機(jī)驗(yàn)證碼的生成，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
在入門Vue時(shí), 列表渲染一節(jié)中提到數(shù)組的變異方法, 其中包括push(), pop(), shift(), unshift(), splice(), sort(), reverse(), 而concat()和slice()不屬于變異方法. 在這里就復(fù)習(xí)一下Array所提供的這幾個(gè)方法的使用2017-04-04
這篇文章主要為大家詳細(xì)介紹了js觀察者模式的彈幕案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
有這么一個(gè)需求，開發(fā)了一套系統(tǒng)，當(dāng)用戶離開桌面或者一段時(shí)間不操作的話，需要把該系統(tǒng)所有打開頁面鎖定起來，本文就詳細(xì)的介紹一下，感興趣的可以了解一下2021-06-06
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)div色塊碰撞，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要針對(duì)javascript中的原型、原型鏈深入理解，原型是JavaScript中一個(gè)比較難理解的概念，本文為大家解決這個(gè)難題，感興趣的小伙伴們可以參考一下2016-02-02
JavaScript Array對(duì)象擴(kuò)展indexOf()方法
JavaScript中Array對(duì)象沒有indexOf()方法，可通過下面的代碼擴(kuò)展,需要的朋友可以參考下2014-05-05
利用js將ajax獲取到的后臺(tái)數(shù)據(jù)動(dòng)態(tài)加載至網(wǎng)頁中的方法
今天小編就為大家分享一篇利用js將ajax獲取到的后臺(tái)數(shù)據(jù)動(dòng)態(tài)加載至網(wǎng)頁中的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08