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;
}
復制代碼 代碼如下:
//返回數(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;
}
您可能感興趣的文章:
- js 觸發(fā)select onchange事件代碼
- 代碼觸發(fā)js事件(click、change)示例應用
- javascript 動態(tài)改變onclick事件觸發(fā)函數(shù)代碼
- JavaScript 動態(tài)添加腳本,并觸發(fā)回調函數(shù)的實現(xiàn)代碼
- 文本框中,回車鍵觸發(fā)事件的js代碼[多瀏覽器兼容]
- 用javascript獲取當頁面上鼠標光標位置和觸發(fā)事件的對象的代碼
- 用按鈕觸發(fā)Javascript動態(tài)生成一個表格的代碼
- FireFox與IE 下js兼容觸發(fā)click事件的代碼
- 鼠標放上去觸發(fā)一個javascript提示框效果代碼
- UpdatePanel觸發(fā)javascript腳本的方法附代碼
- JS代碼觸發(fā)事件代碼實例
相關文章
Eval and new funciton not the same thing
以前有人會說,new Function的方式是幾乎與eval相等,今天我查了一下,確實是不同的東西,說這句話的人太不負責了。關于eval和new function,得到的結果都是一致的,都會叫你不要去使用它們。所以結論就是“不得不”才使用2012-12-12html+javascript+bootstrap實現(xiàn)層級多選框全層全選和多選功能
想做一個先按層級排序并可以多選的功能,首先傾向于用多層標簽式的,直接選定加在文本域里,接下來通過本文給大家介紹html+javascript+bootstrap實現(xiàn)層級多選框全層全選和多選功能,需要的朋友參考下2017-03-03APP中javascript+css3實現(xiàn)下拉刷新效果
本文給大家分享的是如何在APP中使用javascript結合CSS3實現(xiàn)下拉刷新特效的代碼,非常的簡單實用,有需要的小伙伴可以參考下。2016-01-01javascript版的in_array函數(shù)(判斷數(shù)組中是否存在特定值)
這篇文章主要介紹了javascript版的in_array函數(shù)(判斷數(shù)組中是否存在特定值),需要的朋友可以參考下2014-05-05