在没有 e.preventDefault() 的情况下禁用浏览器中的箭头键滚动答案

【问题标题】：Disable arrow keys scroll in browser without e.preventDefault()在没有 e.preventDefault() 的情况下禁用浏览器中的箭头键滚动
【发布时间】：2017-02-28 08:48:11
【问题描述】：

我正在尝试删除带有箭头的页面滚动功能。在我检查过的所有其他帖子中，他们建议使用 e.preventDefault() 函数。我试过了，但它也阻止了我页面中大量使用的箭头的许多默认功能。我只想用箭头阻止滚动，而不是箭头的默认行为。在这种情况下，您建议什么解决方案？

请不要标记为重复，因为在所有其他帖子中 e.preventDefault() 已被视为解决方案。

【问题讨论】：

prevent scrolling with arrow keys的可能重复
@KeerthanaPrabhakaran 来吧，看看问题。
是的，我做到了。查看链接中接受的答案。
看看这个答案：[stackoverflow.com/questions/17758578/… 否则你可以安装一个名为 nicescroll 的插件，如上面链接中所述。

标签： javascript

【解决方案1】：

当活动元素是输入、文本区域等时，我建议使用document.activeElement 和e.preventDefault()。

【讨论】：

感谢您的帮助。我只是在上面添加了一些条件，它起作用了:)
不客气。如果有帮助，您可以接受答案；）

【解决方案2】：

document.addEventListener('keyup', function(e) {
    if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
        e.preventDefault();
        return false;
    }
});

【讨论】：