鼠标滑轮事件

最新推荐文章于 2024-08-31 10:00:00 发布

原创最新推荐文章于 2024-08-31 10:00:00 发布 · 512 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一段JavaScript代码，该代码实现了暂时禁用网页上的鼠标滚轮滚动功能，并在指定时间后重新启用滚轮滚动。通过按钮点击触发禁用和启用功能。

<script>
//        禁止鼠标滑轮滚动
        function disable_scroll() {
            if (window.addEventListener) {
                window.addEventListener('DOMMouseScroll', function () {
                    event.preventDefault();
                }, false);
            }
            window.onmousewheel = function () {
                event.preventDefault();
            };
        }
//        开始鼠标滑轮滚动
        function enable_scroll() {
            if (window.removeEventListener) {
                window.removeEventListener('DOMMouseScroll', function () {
                    event.preventDefault();
                }, false);
            }
            window.onmousewheel = null;
        }
//        按钮点击时调用
        $(".nav a").click(function(){

//		先禁止鼠标滑轮滚动
            disable_scroll();

//          用定时器，启用鼠标滑轮滚动
            setTimeout(enable_scroll,1000);
        });
    </script>