javascript - 使用 JS 和 jQuery 实现按键

Question

我希望按下按键时会显示一个警报框。完成了。但问题是我的页面内有一个文本框，当我尝试在文本框中输入内容时，也会出现警报框。

$(document).ready(function() {
    $(document).keydown(function(e) {
        if (e.key == "F8") {
            alert('Right key pressed');
        } else {
            alert("Error key pressed")
        }
        e.preventDefault();
    })
});

HTML:

<input type="text" />

Answer 1

文本框是文档的元素，因此它引发文档的事件是良好的行为。

您应该将处理程序添加到文本框 stop propagate事件到文档层

$('input').keydown(function (e) {
   e.stopPropagation();
}