Javascript获取某一标签的座标并返回其座标对象

蕜伤述讠兑微笑

蕜伤述讠兑微笑

2016-02-19 21:25

今天图老师小编给大家介绍下Javascript获取某一标签的座标并返回其座标对象,平时喜欢Javascript获取某一标签的座标并返回其座标对象的朋友赶紧收藏起来吧!记得点赞哦~

  昨天搞了一个日历选择器的小东西,竟然发现以前用的获取标签的座标的函数在Firefox下不能执行,比较郁闷。于是花心思整理了一个,现此代码支持Ie,Firefox,Opera,记录于此!

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

javascript获取座标
function getAbsPoint(e) {   
    var x = e.offsetLeft;   
    var y = e.offsetTop;   
    while(e = e.offsetParent) {   
        x += e.offsetLeft;   
        y += e.offsetTop;   
    }   
    return {"x": x, "y": y};   
}  

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

javascript获取座标使用方法
html  
head  
meta http-equiv=content-type content="text/html; charset=UTF-8"  
titlephplamp.org/title  
script type="text/javascript"  
function getAbsPoint(e) {   
    var x = e.offsetLeft;   
    var y = e.offsetTop;   
    while(e = e.offsetParent){   
        x += e.offsetLeft;   
        y += e.offsetTop;   
    }   
    return {"x": x, "y": y};   
}   
function phplamp(e) {   
    var xy = getAbsPoint(e);   
    alert("offsetLeft=" + xy.x + "offsetTop=" + xy.y);   
}   
/script  
/head  
body  
input type="button" onclick="phplamp(this)" value="点击" /    
/body  
/html

展开更多 50%)
分享

猜你喜欢

Javascript获取某一标签的座标并返回其座标对象

Web开发
Javascript获取某一标签的座标并返回其座标对象

教你认识VB的座标系统

编程语言 网络编程
教你认识VB的座标系统

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript Ajax获取远程url的返回判断

Web开发
javascript Ajax获取远程url的返回判断

javascript中获取选中对象的类型

Web开发
javascript中获取选中对象的类型

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript获取事件对象的注意事项

Web开发
JavaScript获取事件对象的注意事项

JavaScript的面向对象(一)

Web开发
JavaScript的面向对象(一)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Access 2000教程:13.9 补充二:为什么不能建立页

Access 2000教程:13.9 补充二:为什么不能建立页

JavaScript 调用 Asp.Net 服务器端的事件

JavaScript 调用 Asp.Net 服务器端的事件
下拉加载更多内容 ↓