js 禁止鼠标滑轮滚动的事件

最新推荐文章于 2024-08-21 03:11:17 发布

xdwangiflytek

最新推荐文章于 2024-08-21 03:11:17 发布

阅读量791

点赞数

分类专栏： Js/jQuery 文章标签： web Js ViewUI

本文链接：https://blog.csdn.net/xdwangiflytek/article/details/84601319

版权

Js/jQuery 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

如题，代码如下：

// left: 37, up: 38, right: 39, down: 40,
    // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
    var keys = [37, 38, 39, 40];

    function preventDefault(e) {
        e = e || window.event;
        if (e.preventDefault)
            e.preventDefault();
        e.returnValue = false;
    }

    function keydown(e) {
        for (var i = keys.length; i--;) {
            if (e.keyCode === keys[i]) {
                preventDefault(e);
                return;
            }
        }
    }

    function wheel(e) {
        preventDefault(e);
    }

    function disable_scroll() {
        if (window.addEventListener) {
            window.addEventListener('DOMMouseScroll', wheel, false);
        }
        window.onmousewheel = document.onmousewheel = wheel;
        document.onkeydown = keydown;
    }

    function enable_scroll() {
        if (window.removeEventListener) {
            window.removeEventListener('DOMMouseScroll', wheel, false);
        }
        window.onmousewheel = document.onmousewheel = document.onkeydown = null;
    }