存蓄已解决的‘漏洞’

鼠标滚动事件

2018-11-13  本文已影响0人  痛心凉
大多数浏览器支持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')
}
}
上一篇 下一篇

猜你喜欢

热点阅读