首页logo
  •  

jonllen

金龙,目前就职于一家软件公司,从事Java和.Net信息安全开发设计。

个人档案

jonllen
心情闪存 | 给他留言
妮称:jonllen
来自:中国. 湖南. 湘潭
简述:金龙,目前就职于一家软件公司,从事Java和.Net信息安全开发设计。
博客日历

js取元素和鼠标在页面内的坐标位置

分类:JavaScript

获取页面元素坐标位置:

function elemOffset(elem)
{
var t = elem.offsetTop;
var l = elem.offsetLeft;
while( elem = elem.offsetParent)
{
t
+= elem.offsetTop;
l
+= elem.offsetLeft;
}
return {
x : l ,
y : t
};
}

调用例子:

根据鼠标event事件对象获取坐标位置:

function mousePosition(e)
{
if(e.pageX && e.pageY)
{
return {
x : e.pageX,
y : e.pageY
};
}
var scrollElem = (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
return {
x: e.clientX
+ scrollElem.scrollLeft,
y: e.clientY
+ scrollElem.scrollTop
};
}

调用例子:

整理作者:Jonllen,以上在IE、Firefor3.0、Chrome1.0、Safari4.03、Opera9.64浏览器内测试通过。

标签:JavaScript js元素鼠标位置
  • posted@ 2009-10-21 10:46
  • update@
  • 阅读(18014)
  • 评论(0)

相关文章

评论
暂无任何评论。
发表评论
*必填
回复通知我
*必填