offsetX与layerX区别
2013-11-04 16:14
246 查看
FF没有offsetX属性,有个layerX属性,只要将事件源的位置设置成相对定位(position:relative)或绝对定位(position:absolute),两者结果就相等,表示事件源相对于父元素的X坐标。
一个简单的例子:判断鼠标位于事件源左边还是右边,在图片点击自动翻页中常用到。
function GetMousePosStr(evnt,ele){
var evnt= evnt || event;
varoffsetX = evnt.offsetX ? evnt.offsetX :evnt.layerX;
if(evnt.offsetX < ele.offsetWidth /2){
return'left';
}
else{
return'right';
}
}
一个简单的例子:判断鼠标位于事件源左边还是右边,在图片点击自动翻页中常用到。
function GetMousePosStr(evnt,ele){
var evnt= evnt || event;
varoffsetX = evnt.offsetX ? evnt.offsetX :evnt.layerX;
if(evnt.offsetX < ele.offsetWidth /2){
return'left';
}
else{
return'right';
}
}
相关文章推荐
- pageX,clientX,offsetX,layerX的区别
- pageX,clientX,offsetX,layerX的区别
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
- pageX,clientX,offsetX,layerX的区别
- pageX,clientX,offsetX,layerX的区别
- clientX,pageX,offsetX,layerX,screenX,offsetLeft区别分析
- javascript offsetX与layerX区别
- pageX,clientX,offsetX,layerX的区别
- 浏览器 e.pageX e.layerX e.offsetX e.clientX e.x 的区别
- pageX,clientX,offsetX,layerX的区别
- pageX、clientX、screenX、offsetX、layerX、x区别 && click && stroke/fill
- javascript offsetX与layerX区别
- pageX,clientX,offsetX,layerX的区别
- pageX,clientX,offsetX,layerX的区别
- pageX-layerX-clientX-offsetX的区别
- jQuery中 pageX,clientX,offsetX,layerX的区别
- js事件对象Event获取pageX,clientX,screenX,offsetX,layerX的方式与区别
- pageX,clientX,offsetX,layerX的区别
- pageX,clientX,offsetX,layerX的区别