现在的位置: 首页 > 综合 > 正文

offsetX与layerX区别

2013年02月09日 ⁄ 综合 ⁄ 共 417字 ⁄ 字号 评论关闭

FF没有offsetX属性,有个layerX属性,只要将事件源的位置设置成相对定位(position:relative)或绝对定位(position:absolute),两者结果就相等,表示事件源相对于父元素的X坐标。

一个简单的例子:判断鼠标位于事件源左边还是右边,在图片点击自动翻页中常用到。

  1. function GetMousePosStr (evnt,ele)
  2. {
  3.     if(!evnt)
  4.     {
  5.         evnt = window.event;
  6.     }
  7.     
  8.     var offsetX = evnt.offsetX ? evnt.offsetX : evnt.layerX;
  9.     
  10.     if(evnt.offsetX < ele.offsetWidth / 2)
  11.     {
  12.         return 'left';
  13.     }
  14.     else
  15.     {
  16.         return 'right';
  17.     }
  18. }

抱歉!评论已关闭.