javascript控制鼠标中键滑动

最新推荐文章于 2024-05-29 13:45:07 发布

lwp0707

最新推荐文章于 2024-05-29 13:45:07 发布

阅读量274

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript IE Opera ViewUI

本文链接：https://blog.youkuaiyun.com/lwp0707/article/details/83925029

本文介绍了一个名为MouseWheel.js的JavaScript脚本，该脚本能够监听并处理鼠标的滚轮事件，兼容IE、Firefox等浏览器。通过不同的事件处理方式，使得在多种浏览器环境下都能正确识别鼠标滚轮的上下滚动方向。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

MouseWheel.js的代码如下：

var MouseWheel_Count=0; 

function MouseWheel$handle(delta){ 

    MouseWheel_Count++; 

    if(MouseWheel_Count>1)   return; 

    if (delta < 0) //小于0向下滚动，大于0向上滚动 

       //        alert("向下滚动"); 

    else 

       //        alert("向上滚动"); 

    setTimeout("MouseWheel$CountMinus();",500); 

} 

function MouseWheel$CountMinus() 

{ 

    MouseWheel_Count=0; 

} 

/** 事件句柄 

 */

function MouseWheel$wheel(event){ 

    var delta = 0; 

    if (!event) /* For IE. */ 

        event = window.event; 

    if (event.wheelDelta) { /* IE或者Opera. */

            delta = event.wheelDelta/120; 

//        delta = event.wheelDelta; 

        /** 在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)  

        MouseWheel$handle(delta); 

}

前台调用：

script type="text/javascript">
    /**author:李伟鹏 date:2011-05-11
    **鼠标中键滑动控制地图缩放
    **/
    /** 初始化 */
    if (window.addEventListener)
    /** Mozilla的基于DOM的滚轮事件 **/
        window.addEventListener('DOMMouseScroll', MouseWheel$wheel, false);
    /** IE/Opera. */
    window.onmousewheel = document.onmousewheel = MouseWheel$wheel;
</script>