关于JavaScript中监听鼠标滚轮事件

在JavaScript中，有时候需要通过鼠标中间的滚轮去实现一些效果，所以这里就需要通过JavaScript去监听鼠标的滚轮事件

1.定义自己的function函数

function myWheel(e) {
    if(e.wheelDelta > 0){//兼容IE,Opera,Chrome
        console.log("向上滚动")
    }else if(e.detail > 0){//兼容Firefox
        console.log("向上滚动");
    }else{
        console.log("向下滚动");
    }
}

2.添加监听事件

if (document.addEventListener) {
    document.addEventListener("DOMMouseScroll", myWheel, false);
}//兼容火狐
document.onmousewheel = myWheel;//其他浏览器