美文网首页
鼠标滚动事件

鼠标滚动事件

作者: 冰J冰 | 来源:发表于2016-05-04 15:53 被阅读24次

把百度地图引动到当前页面时,会出现这种情况:鼠标在地图上滚动时,页面也会滚动。怎么让地图动、页面不动呢?代理基于jquery的mousewheel事件,组织事件冒泡。$('body').delegate('#allmap','mousewheel',function(){ console.log('map wheel'); return false;});
ok测试没有问题。

This method is working in IE9+, Chrome 33, and Firefox 27.

$(window).bind('mousewheel DOMMouseScroll', function(event){
     if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {
         // scroll up
         alert("up");
     }
     else {
         // scroll down
      alert("down");
     }
 });

相关文章

  • 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/vtgrrttx.html