滚轮事件兼容写法(鼠标滚轮+触摸板)

document.addEventListener("mousewheel",wheelHandler); document.addEventListener("DOMMouseScroll",wheelHandler) // 谷歌 // deltaMode: 0 // deltaX: -0 // deltaY: 125 向下 // deltaZ: 0 // detail: 0 // wheelDelta: -150 // wheelDeltaX: 0 // wheelDeltaY: -150 向下 // 触摸板 双指滑动向下 3 // IE // detail 0 // wheelDelta -120 向下 // 不支持触摸板双指滑动 // 火狐 // detail: 3 向下 // 触摸板 双指滑动向下 -1 function wheelHandler(e){ var detail; if(e.type==="mousewheel"){ detail=e.wheelDelta<0 ? -1 : e.wheelDelta>0 ? 1 : 0; }else if(e.type==="DOMMouseScroll"){ detail=e.detail>0 ? -1 : 1; } console.log(detail); }