您好,欢迎访问一九零五行业门户网

js中鼠标滚轮事件详解(firefox多浏览器)_javascript技巧

附加事件
其中经我测试,ie/opera属于同一类型,使用attachevent即可添加滚轮事件。
复制代码 代码如下:
/*ie注册事件*/
if(document.attachevent){
document.attachevent('onmousewheel',scrollfunc);
}
firefox使用addeventlistener添加滚轮事件
复制代码 代码如下:
/*firefox注册事件*/
if(document.addeventlistener){
document.addeventlistener('dommousescroll',scrollfunc,false);
}
safari与chrome属于同一类型,可使用html dom方式添加事件
window.onmousewheel=document.onmousewheel=scrollfunc;//ie/opera/chrome
其中除firefox外其余均可使用html dom方式添加事件,因此添加事件使用以下方式
复制代码 代码如下:
/*注册事件*/
if(document.addeventlistener){
document.addeventlistener('dommousescroll',scrollfunc,false);
}//w3c
window.onmousewheel=document.onmousewheel=scrollfunc;//ie/opera/chrome
detail与wheeldelta
判断滚轮向上或向下在浏览器中也要考虑兼容性,现在五大浏览器(ie、opera、safari、firefox、chrome)中firefox 使用detail,其余四类使用wheeldelta;两者只在取值上不一致,代表含义一致,detail与wheeldelta只各取两个 值,detail只取±3,wheeldelta只取±120,其中正数表示为向上,负数表示向下。
复制代码 代码如下:
滚动值:(ie/opera)
滚动值:(firefox)

其它类似信息

推荐信息