附加事件
其中经我测试,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)
婊
   
 
   