闲话少说。前端 鼠标滚轮事件

直接贴代码

      -function(){
            /*鼠标滚轮事件 120 -120 */
            document.body.onmousewheel = function(event) {
                event = event || window.event;
                if(event.wheelDelta>0) {
                    /*上滚*/
                    console.log(event.wheelDelta)
                }else{
                    /*下滚*/
                    console.log(event.wheelDelta)
                }
            };
            /*
            *兼容火狐浏览器
            * 火狐浏览器没有wheelDelta 属性 取而代之的是  detail
            * 输出的值也不同  3 -3
            * */
            document.body.addEventListener("DOMMouseScroll", function(event) {
                if (event.detail < 0) {

                    console.log(event.detail)
                } else {
                    console.log(event.detail)
                }
            });
        }();