js中滚轮事件

js中的事件类型有Event，focusEvent(焦点),inputEvent(输入),mouseEvent(鼠标),keyEvent(键盘),
wheelEvent(滚轮)。
滚轮事件主要是区分火狐浏览器和其他浏览器之间的区别
1.DOMMouseScroll 火狐浏览器的滚轮事件
deltaY wheelDeltaY 滚轮上划是负数，下滑是正数
2.mousewheel 其他浏览器的滚轮事件，以谷歌为代表
detail 滚轮上划是负数，下滑是正数
下面附上一段兼容代码

 var speed=0;
 window.addEventListener("mousewheel",wheelHandler);
 window.addEventListener("DOMMouseScroll",wheelHandler)

 function wheelHandler(e){
    if(e.type==="mousewheel"){
       speed=e.deltaY<0 ? -10 : 10;  //上滑speed为-10 下滑为10
    }else if(e.type==="DOMMouseScroll"){
       speed=e.detail<0 ? -10 : 10;
    }
     console.log(speed);
  }