清风的专栏

技术,生活,情感

JavaScript offset layerx

javascript中的offsetX与layerX用法区别

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

<script type=”text/javascript”>
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’;
}

阅读更多
文章标签: javascript firefox
个人分类: JavaScript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭