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';
}
}
相关文章
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
本文给大家js遍历数组和遍历对象的区别，一般来说for用来遍历数组对象而for-in用来遍历非数组对象。接下来小编给大家带来了js遍历数组和对象的区别及js递归遍历对象、数组、属性的方法详解，一起看下吧2016-06-06
在js中，闭包是一个很重要又相当不容易完全理解的要点,下面这篇文章主要给大家介绍了关于闭包在js中充当着什么角色的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-01-01
用javascript实现自定义标签...2007-05-05
Bootstrap每天必学之缩略图与警示窗，对Bootstrap缩略图与警示窗小编也了解的很少，希望通过这篇文章和大家更多的去学习Bootstrap缩略图与警示窗，从中得到收获。2015-11-11
JavaScrip报错:module is not defined的原因及解决
这篇文章主要给大家介绍了关于JavaScrip报错:module is not defined的原因及解决方法,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-09-09
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
这篇文章主要介绍了微信小程序学习笔记之表单提交与PHP后台数据交互处理,结合实例形式详细分析了微信小程序前台数据form表单提交及后台使用php进行处理相关操作技巧,并配以图文形式详细说明,需要的朋友可以参考下2019-03-03
直接从qq上获取到奥运金牌的数量的代码2008-08-08
这篇文章主要介绍了JavaScript中var的重要性,结合实例形式分析了javascript变量定义、作用范围、作用域及相关操作注意事项,需要的朋友可以参考下2019-07-07
以前发布的防止被iframe的代码，容易在火狐浏览器下， 不断的刷新页面。所以从网站找到了这篇文章。2010-07-07
这篇文章主要介绍了js实现兼容性好的微软官网导航下拉菜单效果,涉及JavaScript基于鼠标事件实现页面样式变换的技巧,非常具有实用价值,需要的朋友可以参考下2015-09-09
最新评论