快捷導(dǎo)航

js獲取觸發(fā)事件元素在整個(gè)網(wǎng)頁中的絕對(duì)坐標(biāo)(示例代碼)

更新時(shí)間：2013年12月13日 10:20:05 作者：

這篇文章主要介紹了js獲取觸發(fā)事件元素在整個(gè)網(wǎng)頁中的絕對(duì)坐標(biāo)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助

如下所示：

 //返回?cái)?shù)組類型
        function findPosition(oElement) {//oElement 當(dāng)前元素
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {
                    posX += oElement.offsetLeft;
                    posY += oElement.offsetTop;
                }
            }
            var array = [posX, posY];
            return array;
        }
        //獲取觸發(fā)事件的控件在整個(gè)頁面的絕對(duì)的X坐標(biāo)
        function findPositionX(oElement) {
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posX = 0; oElement; oElement = oElement.offsetParent)
                {
                    posX += oElement.offsetLeft;
                }
            }
            return posX;
        }
        //獲取觸發(fā)事件的控件在整個(gè)頁面的絕對(duì)的Y坐標(biāo)
        function findPositionY(oElement) {
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posY = 0; oElement; oElement = oElement.offsetParent) {
                    posY += oElement.offsetTop;
                }
            }
            return posY;
        } 

您可能感興趣的文章:

相關(guān)文章

全國(guó)省市二級(jí)聯(lián)動(dòng)下拉菜單 js版
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)全國(guó)省市二級(jí)聯(lián)動(dòng)下拉菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
js的alert樣式如何更改如背景顏色
如何更改js的alert樣式如：彈出對(duì)話框時(shí)的背景顏色、背景透明等等，下面有效果圖，感興趣的朋友可以學(xué)習(xí)下
2014-01-01
javascript基于牛頓迭代法實(shí)現(xiàn)求浮點(diǎn)數(shù)的平方根【遞歸原理】
這篇文章主要介紹了javascript基于牛頓迭代法實(shí)現(xiàn)求浮點(diǎn)數(shù)的平方根,簡(jiǎn)單說明了牛頓迭代法的原理,并結(jié)合實(shí)例分析了javascript基于遞歸的數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下
2017-09-09
JavaScript"模擬事件"的注意要點(diǎn)詳解
今天小編就為大家分享一篇關(guān)于JavaScript"模擬事件"的注意要點(diǎn)詳解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
2019-02-02
uniapp地圖組件(map)使用與遇到的一些問題總結(jié)
uniapp是用vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)人員只需要編寫一套代碼就可以發(fā)布到安卓、iOS、H5和小程序、快應(yīng)用等平臺(tái),下面這篇文章主要給大家介紹了關(guān)于uniapp地圖組件(map)使用與遇到的一些問題,需要的朋友可以參考下
2022-07-07
非阻塞動(dòng)態(tài)加載javascript廣告實(shí)現(xiàn)代碼
非阻塞動(dòng)態(tài)加載javascript廣告，需要的朋友可以參考下。
2010-11-11
png在IE6 下無法透明的解決方法匯總
解決PNG圖片在IE6下的透明這類問題谷歌上很多解決方案，屬于非常常見的問題，以前我做的時(shí)候，這類透明我都是用gif，而直接避開png，所以到現(xiàn)在我并沒有去了解過這個(gè)問題。今天就把這個(gè)問題整理下，解決方案匯總給大家。
2015-05-05
javascript showModalDialog 內(nèi)跳轉(zhuǎn)頁面的問題
在頁面中使用了showModalDialog，但是在跳轉(zhuǎn)鏈接時(shí)，不會(huì)在當(dāng)前頁執(zhí)行，而是彈出一個(gè)新的頁面。
2010-11-11
原生js實(shí)現(xiàn)自定義滾動(dòng)條
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)自定義滾動(dòng)條，可點(diǎn)擊、拖動(dòng)到達(dá)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
javascript將扁平的數(shù)據(jù)轉(zhuǎn)為樹形結(jié)構(gòu)的高效率算法
這篇文章主要介紹了javascript將扁平的數(shù)據(jù)轉(zhuǎn)為樹形結(jié)構(gòu)的高效率算法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02