大多数浏览器支持mousewheel事件操作,它可以在任何元素上触发,最终冒泡到document或window对象;而在Firefox中,支持的是另外一种事件——DOMMouseScroll,其中最为特殊的是它必须用addEventListener方法实现,故一般进行如下处理
//设触发的函数为moveFunction
if(oDiv.addEventListener) {
//支持Firefox
oDiv.addEventListener('DOMMouseScroll',moveFunction(),false);
}
//Opera、chrome、safari等主流浏览器都实现了该效果,不过存在着很大的兼容问题。
oDiv.onmousewheel = moveFunction();
在Excel表格中,右键点击事出现的弹框,与滚轮事件发生冲突时,未来避免这个坑,我做出一个假设,当右键弹框出现的事件出现禁用滚轮事件,当右键弹框不存在的时候,解除滚轮事件。
function moveFunction(){
if($(".cosmo-wijmenu").css("display")=="block"){ //判断右键弹框是否存在
$('#ssvp_vp').bind('mousewheel',function(e){
// 右键弹框存在时,添加的滚轮事件,让右键弹框消失
$(".cosmo-wijmenu").css("display","none");
}
}else{
//当右键弹框不存在,取消滚轮事件
$('#ssvp_vp').unbind('mousewheel')
}
}