js禁止滚动窗体页面

  js如何禁止鼠标,键盘滚动页面。(提示:无法控制右边出现的滚动条)

<title>js禁止滚动页面</title>
<script>
    //spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
    var keys = { 37: 1, 38: 1, 39: 1, 40: 1, 35: 1, 36: 1 };
    function preventDefault(e) {
        e = e || window.event;
        if (e.preventDefault)
            e.preventDefault();
        e.returnValue = false;
    }
    function preventDefaultForScrollKeys(e) {
        if (keys[e.keyCode]) {
            preventDefault(e);
            return false;
        }
    }
    function disableScroll() {//禁止鼠标滚动窗体函数
        if (window.addEventListener) // 旧版本firefox
            window.addEventListener('DOMMouseScroll', preventDefault, false);
        window.onwheel = preventDefault; // 标准浏览器
        window.onmousewheel = document.onmousewheel = preventDefault; // 旧IE浏览器
        window.ontouchmove = preventDefault; //移动端浏览器
        document.onkeydown = preventDefaultForScrollKeys;//禁止键盘控制滚动
    }
    function enableScroll() {//启用鼠标滚动函数
        if (window.removeEventListener)
            window.removeEventListener('DOMMouseScroll', preventDefault, false);
        window.onmousewheel = document.onmousewheel = null;
        window.onwheel = null;
        window.ontouchmove = null;
        document.onkeydown = null;
    }
    disableScroll();//禁止鼠标滚动窗体
</script>
<div style="height:1500px"></div>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:js禁止滚动窗体页面

评论(0)Web开发网
阅读(259)喜欢(1)JavaScript/Ajax开发技巧