鼠标滚动事件

作者: 痛心凉 | 来源:发表于2018-11-13 10:36 被阅读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')
    }
    }
    

    相关文章

      网友评论

        本文标题:鼠标滚动事件

        本文链接:https://www.haomeiwen.com/subject/skskfqtx.html