鼠标滚轮事件

作者: llpy | 来源:发表于2017-03-04 11:07 被阅读34次

鼠标滚轮事件有兼容性的问题，主要是firfox和其他浏览器的差异，以下就这两种情况分开说明：

其他浏览器

事件名称: mousewheel
事件对象相关属性: event.wheelDelta

firfox

事件名称: DOMMouseScroll
事件对象相关属性: event.detail

可以看到在firfox和其他浏览器中，代表向上还是向下滚动的值的数值不同，而且正负也不同。

我们可以使用boolean值代表方向，向上为true, 向下为false。

function onMouseScroll(e){
  var isUp = true;
  if(e.wheelDelta && e.wheelDelta<0  || e.detail>0 ){
      isUp = false;
  }
}

JS实例-事件对象2
鼠标滚轮滚动：鼠标滚轮事件：在页面滚动鼠标滚轮弹出1：onmousewheel -> 当滚动鼠标的滚轮的时候兼容...
【工作日常】firefox兼容性
鼠标滚轮事件
二十二、jquery之——滚轮事件、正则
滚轮事件与函数节流 jquery.mousewheel插件使用jquery中没有鼠标滚轮事件，原生js中的鼠标滚轮...
滚轮事件和函数节点流，本地存储，jQueryUI
滚轮事件与函数节流 jquery.mousewheel插件使用jquery中没有鼠标滚轮事件，原生js中的鼠标滚轮...
滚轮事件与函数节流、ajax与jsonp
滚轮事件与函数节流 jquery.mousewheel插件使用jquery中没有鼠标滚轮事件，原生js中的鼠标滚轮...
jquery之——滚轮事件、正则
滚轮事件与函数节流jquery.mousewheel插件使用jquery中没有鼠标滚轮事件，原生js中的鼠标滚轮事...
整屏滚动幻灯片
整屏滚动 jquery.mousewheel插件使用 jquery中没有鼠标滚轮事件，原生js中的鼠标滚轮事件不兼...
WEB基础入门十五：滚轮事件、正则
一、滚轮事件与函数节流 jquery.mousewheel插件使用jquery中没有鼠标滚轮事件，原生js中的鼠标...
js下的鼠标滚动事件
我们在日常使用中会经常使事件用到鼠标滚轮，但是当我们想自定义鼠标滚轮事件时就会遇到一些麻烦--滚轮事件的兼容性有些...
鼠标滚轮事件

本文标题：鼠标滚轮事件

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