javascript offsetX与layerX区别
更新时间：2010年03月12日 19:31:43 作者：
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';
}
}
复制代码 代码如下:
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';
}
}
相关文章
本文详细介绍了在页面中引用template.js文件之后，具体的使用方法及实例，有需要的朋友可以参考下2016-11-11
函数式JavaScript编程指南...2007-02-02
这篇文章主要介绍了通过js给网页加上水印背景实例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下2019-06-06
本文给大家汇总介绍了3种javascript实现动态显示时间的方法及详细示例，有需要的小伙伴可以参考下2018-07-07
这篇文章主要介绍了处理JavaScript值为undefined的7个小技巧,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-07-07
这篇文章主要是对js获取url中指定参数值的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
微信浏览器内置了javascript私有对象WeixinJSBridge，可以实现发送给朋友、分享到朋友圈、分享到微博等功能，本篇文章给大家介绍基于js实现微信发送给朋友如何分享到朋友圈、微博，感兴趣的朋友一起学习吧2015-11-11
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
这篇文章主要介绍了JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码,可实现顶部banner窗口的浮动显示及关闭隐藏功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
本文通过实例代码给大家分享了JavaScrpt判断一个数是否是质数，需要的朋友参考下吧2017-06-06
在日常编码中,我们通常关注代码的逻辑和功能,但很少深入思考编译器在幕后的工作,今天我们将学习一下LHS（Left-Hand Side）和RHS（Right-Hand Side）查询,它们在JavaScript编译和执行中的关键作用,以及在我们的日常开发中是如何发挥作用的,需要的朋友可以参考下2023-11-11
最新评论