鼠标滚轮的JS捕捉

来源:互联网 发布:js e.target 获取属性 编辑:程序博客网 时间:2024/05/23 21:47

<script language="JavaScript" type="text/javascript">
        function handle(delta) {
         if (delta < 0)
         {
            alert('向下滚');
         }
         else
         {
             alert('向上滚');
         }
        }
       
        /** 事件句柄
         */
        function wheel(event){
         var delta = 0;
         if (!event) /* For IE. */
         event = window.event;
         if (event.wheelDelta) { /* IE或者Opera. */
         delta = event.wheelDelta/120;
         /** 在Opera9中,事件处理不同于IE
         */
         if (window.opera)
         delta = -delta;
         } else if (event.detail) { /** 兼容Mozilla. */
         /** In Mozilla, sign of delta is different than in IE.
         * Also, delta is multiple of 3.
         */
         delta = -event.detail/3;
         }
         /** 如果 增量不等于0则触发
         * 主要功能为测试滚轮向上滚或者是向下
         */
         if (delta)
         handle(delta);
        }
       
        /** 初始化 */
        if (window.addEventListener)
         /** Mozilla的基于DOM的滚轮事件 **/
         window.addEventListener('DOMMouseScroll', wheel, false);
         /** IE/Opera. */
         window.onmousewheel = document.onmousewheel = wheel;
    </script>