【JS】【24】监听鼠标滚轮事件

window.onload = function () {
        var oDiv = document.getElementById(‘div1‘);
 
        function onMouseWheel(ev) {/*当鼠标滚轮事件发生时，执行一些操作*/
            var ev = ev || window.event;
            var down = true; // 定义一个标志，当滚轮向下滚时，执行一些操作
                down = ev.wheelDelta?ev.wheelDelta<0:ev.detail>0;
            if(down){
                oDiv.style.height = oDiv.offsetHeight+10+‘px‘;
            }else{
                oDiv.style.height = oDiv.offsetHeight-10+‘px‘;
            }
            if(ev.preventDefault){/*FF 和 Chrome*/
                ev.preventDefault();// 阻止默认事件
            }
            return false;
        }
        addEvent(oDiv,‘mousewheel‘,onMouseWheel);
        addEvent(oDiv,‘DOMMouseScroll‘,onMouseWheel);
     }
    function addEvent(obj,xEvent,fn) {
        if(obj.attachEvent){
            obj.attachEvent(‘on‘+xEvent,fn);
        }else{
            obj.addEventListener(xEvent,fn,false);
        }
    }