实用的与坐标位置相关的js

在前端开发的时候，以下这个函数可能会很有用，兼容ff 和ie

1 //获取页面元素在页面中的绝对位置

2 //author:zhxia

3 function getElementCoord(element)

4 {

5 var coord = {x:0,y:0};

6 while (element)

7 {

8 coord.x += element.offsetLeft;

9 coord.y += element.offsetTop;

element = element.offsetParent;

}

return coord;

}

实例：

//实际应用

//author:zhxia

function showTip(){

var evt=window.event||arguments.callee.caller.arguments[0]; //获取event对象

var src=evt.srcElement||evt.target; //获取事件源对象

var coord=getElementCoord(src);

document.getElementById('tip').style.left=coord.x;

document.getElementById('tip').style.top=coord.y;

}

获取鼠标的当前位置：

function getMouseCoords(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {x:ev.clientX + (document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft),y:ev.clientY + (document.documentElement.scrolTop?document.documentElement.scrollTop:document.body.scrollTop)};
}