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

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);
        }