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

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

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

如下所示：

 //返回數(shù)組類型
        function findPosition(oElement) {//oElement 當前元素
            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ā)事件的控件在整個頁面的絕對的X坐標
        function findPositionX(oElement) {
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posX = 0; oElement; oElement = oElement.offsetParent)
                {
                    posX += oElement.offsetLeft;
                }
            }
            return posX;
        }
        //獲取觸發(fā)事件的控件在整個頁面的絕對的Y坐標
        function findPositionY(oElement) {
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posY = 0; oElement; oElement = oElement.offsetParent) {
                    posY += oElement.offsetTop;
                }
            }
            return posY;
        } 

您可能感興趣的文章:

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