addEventListener和mousewheel的兼容写法

mousewheel
在垂直方向上滚动页面时，会触发mousewheel事件，这个事件会在任何元素上触发，最终都会冒泡到document（IE8）或window（IE9+及其他主流现代浏览器）对象。

在给元素指定mousewheel事件时，FireFox不支持使用onmousewheel，而是支持一个名为DOMMouseScroll的事件。DOMMouseScroll与onmousewheel的区别是，前者只能通过DOM2级事件处理程序的方法，即addEventListener()方法添加事件处理程序，而后者可以使用DOM0级（element.onmousewheel=function() {}）和DOM2级事件处理程序的方法添加事件处理程序。
执行结果

代码如下

    ///鼠标滑动，就弹出Hello World；
   ///鼠标滑动，就弹出Hello World；
    try{
        //除了火狐、IE的写法                                //火狐兼容写法
        window.addEventListener("mousewheel",wheelHandler)||window.addEventListener("DOMMouseScroll",wheelHandler);
    }catch(e){
        //IE兼容写法
        window.attachEvent("mousewheel",wheelHandler);
    }

    function wheelHandler(e){
        alert("Hello World");
    }