禁用浏览器页面上下按键移动

作者：cndz 围观群众：650 更新于 2024-01-12 15:18:42 标签：javascript禁用按键默认行为

问题

部分页面需要监听某些按键实现特定的功能。但是发现某些按键在浏览器有一些默认的行为。比如上下按键。会让整个网页进行上下移动。
需求:禁用上下按键使页面上下移动问题。

代码

window.addEventListener("keydown", function(event) {
    // 禁止按下上下方向键的默认行为
    if (event.keyCode === 38 || event.keyCode === 40) {
        event.preventDefault();
    }
});