禁用浏览器页面上下按键移动
作者:cndz
围观群众:630
更新于
标签:javascript禁用按键默认行为
问题
部分页面需要监听某些按键实现特定的功能。但是发现某些按键在浏览器有一些默认的行为。比如上下按键。会让整个网页进行上下移动。
需求:禁用上下按键使页面上下移动问题。
代码
window.addEventListener("keydown", function(event) {
// 禁止按下上下方向键的默认行为
if (event.keyCode === 38 || event.keyCode === 40) {
event.preventDefault();
}
});