实用的与坐标位置相关的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){
2         if(ev.pageX || ev.pageY){
3             return {x:ev.pageX, y:ev.pageY};
4           }
5         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)};
6     }