JS offsetX 与火狐兼容问题

最新推荐文章于 2021-05-28 10:36:30 发布

smeyou

最新推荐文章于 2021-05-28 10:36:30 发布

阅读量2.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript function url null 2010

本文链接：https://blog.youkuaiyun.com/smeyou/article/details/6096704

javascript 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个JavaScript代码片段，该片段解决了不同浏览器（如火狐）中offsetX属性的兼容性问题。通过使用layerX作为备选方案，确保了鼠标事件中水平位置获取的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS offsetX 与火狐兼容问题

火狐好像不支持 offsetX
下面这段代码中的offsetX 该怎么改，在火狐下，才能好用呢？

function upNext(bigimg){
var lefturl = 'javascript:dPlayPre();';
var righturl = 'javascript:dPlayNext();';
var imgurl = righturl;
var width = bigimg.width;
var height = bigimg.height;
bigimg.onmousemove=function(evt){
evt = evt ? evt : (window.event ? window.event : null);
if(evt.offsetX <width/2){
bigimg.style.cursor = 'url(/images/arr_left.cur),auto';
imgurl = lefturl;
}
else{
bigimg.style.cursor = 'url(/images/arr_right.cur),auto';
imgurl = righturl;
}
}
bigimg.onmouseup=function(){
top.location=imgurl;
}
}

昵称: xldgo 时间: 2010-08-27 14:26:15

JScript code

function
 upNext(bigimg){


var
 lefturl 
=
 
'
javascript:dPlayPre();
'
;


var
 righturl 
=
 
'
javascript:dPlayNext();
'
;


var
 imgurl 
=
 righturl;


var
 width 
=
 bigimg.width;


var
 height 
=
 bigimg.height;

bigimg.onmousemove
=
function
(evt){

evt 
=
 evt 
?
 evt : (window.event 
?
 window.event : 
null
);


var
 fx 
=
 evt.offsetX
 
||
 evt.layerX;


if
(fx
<
width
/
2){



bigimg.style.cursor 
=
 
'
url(/images/arr_left.cur),auto
'
;

imgurl 
=
 lefturl;

}


else
{

bigimg.style.cursor 
=
 
'
url(/images/arr_right.cur),auto
'
;

imgurl 
=
 righturl;

}

}

bigimg.onmouseup
=
function
(){

top.location
=
imgurl;

}

}

参考：http:
//
blog.youkuaiyun.com/IBM_hoojo/archive/2010/07/02/5708440.aspx