javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > offsetX layerX

javascript offsetX与layerX区别

作者:

FF没有offsetX属性,有个layerX属性,只要将事件源的位置设置成相对定位(position:relative)或绝对定位(position:absolute),两者结果就相等,表示事件源相对于父元素的X坐标。
一个简单的例子:判断鼠标位于事件源左边还是右边,在图片点击自动翻页中常用到。
复制代码 代码如下:

function GetMousePosStr (evnt,ele)
{
if(!evnt)
{
evnt = window.event;
}

var offsetX = evnt.offsetX ? evnt.offsetX : evnt.layerX;

if(evnt.offsetX < ele.offsetWidth / 2)
{
return 'left';
}
else
{
return 'right';
}
}
您可能感兴趣的文章:
阅读全文