js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)

复制代码 代码如下:
 
        var wheel = function(event) { 
            var delta = 0; 
            if (!event)  
                event = window.event; 
            if (event.wheelDelta) {  
                delta = event.wheelDelta / 120; 
            } else if (event.detail) { 
                 
                 
                delta = -event.detail / 3; 
            } 
             
            if (delta) 
                handle(delta); 
             
            if (event.preventDefault) 
                event.preventDefault(); 
            event.returnValue = false; 
        } 

         
        if (window.addEventListener) { 
             
            window.addEventListener('DOMMouseScroll', wheel, false); 
        } 
         
        window.onmousewheel = document.onmousewheel = wheel; 

         
        var handle = function(delta) { 
            var random_num = Math.floor((Math.random() * 100) + 50); 
            if (delta < 0) { 
                // alert("鼠标滑轮向下滚动：" + delta + "次！"); // 1 
                $("btn_next_pic").onclick(random_num); 
                return; 
            } else { 
                // alert("鼠标滑轮向上滚动：" + delta + "次！"); // -1 
                $("btn_last_pic").onclick(random_num); 
                return; 
            } 
        }