首页 > 怎么阻止按空格滚动网页

怎么阻止按空格滚动网页

一般情况下,如果页面有滚动条,我们按空格会向下滚动页面,但我为空格绑定了其他事件,我不希望按空格的时候页面往下滚动,有没有办法实现呢?谢谢!

感谢两位网友的回答,问题已经解决,大致代码如下:

        $(document).keydown(function(event) {
            if (event.target.nodeName == 'TEXTAREA' || event.target.nodeName == 'INPUT') {
                return;
            };
            /* Act on the event */
            if (event.keyCode == 32) {
                event.preventDefault();
                alert(1)
            };
        });

在document上监听空格按键的keydown事件,然后event.preventDefault()?

记得判断下安检的target是不是input/textarea的输入区域,如果是,直接return


按空格会向下滚动页面,这是空格的默认行为,就好比点击a链接时页面会自动跳转到指定连接。处理的方法就是阻止它的默认行为了。
具体阻止元素的默认行为,那就自己查阅文档了。

【热门文章】
【热门文章】