鼠标滚动事件

作者: 痛心凉 | 来源:发表于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')
}
}

相关文章

  • JS实例-事件对象2

    鼠标滚轮滚动: 鼠标滚轮事件:在页面滚动鼠标滚轮弹出1:onmousewheel -> 当滚动鼠标的滚轮的时候兼容...

  • Selenium

    鼠标事件 滚动

  • 31.JS

    118. 事件的拖拽 120. 鼠标滚动事件

  • js 实现防抖与节流

    鼠标移动事件onmousemove, 滚动滚动条事件onscroll,窗口大小改变事件onresize,瞬间的操作...

  • 鼠标滚动事件

    大多数浏览器支持mousewheel事件操作,它可以在任何元素上触发,最终冒泡到document或window对象...

  • 鼠标滚动事件

    把百度地图引动到当前页面时,会出现这种情况:鼠标在地图上滚动时,页面也会滚动。怎么让地图动、页面不动呢?代理基于j...

  • jquery.mousewheel.js鼠标滚动监听插件

    前言 项目中,有时需要监听鼠标的滚动事件,根据鼠标的滚动方向做出相应的事件处理,此时我们可以使用jquery.mo...

  • DOM-2

    返回顶部功能:onscroll (鼠标滚动事件)scrollLeftscrollTopoffsetTopoff...

  • 阻止鼠标滚动穿透事件

    在弹窗内滚动鼠标会触发页面的滚动条滚动,这就是鼠标滚动穿透事件 1.js解决 2,窗口加载完成时,给body元素添...

  • Vue中判断鼠标滚动方向

    标签中监听鼠标滚动事件 根据事件 e 的 wheelDelta 和 detail 的正负来判断向上还是向下滚动 弹...

网友评论

    本文标题:鼠标滚动事件

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