按键无响应字符代码

Keypress not responding to character codes

本文关键字：字符 代码 响应      更新时间：2023-09-26
$(document).keypress(function(e) {
    if(e.which == 32) {
        alert('You pressed spacebar!');
    }
});
$(document).keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});
$(document).keypress(function(e) {
    if(e.which == 40) {
        alert('You pressed down arrow!');
    }
});

这是我的javascript文件。没有CSS，HTML只是一个空白的骨架。

它可以很好地读取输入和空格键，但是向下箭头，向上箭头或我按下的几乎任何不是输入或空格键的键都没有注册？

如何解决这个问题？

任何帮助，不胜感激。

箭头键不会生成keypress事件。它们生成keydown和keyup事件。

请注意，虽然字母键确实会生成keypress，但which值可能不是您期望的值。例如，在我的浏览器和操作系统上，按 a 键会生成 which = 65 ，这是 A 的字符代码，而不是 a 。键代码是键代码，而不是字符代码。更多关于这个不再维护但仍然非常有用的页面。

实时示例： (我添加了一个return false以防止默认处理，因为否则堆栈代码段窗口往往会滚动，但这不是接收事件所必需的( 

$(document).keypress(function(e) {
    if(e.which == 32) {
        display('You pressed spacebar!');
        return false;
    }
});
$(document).keypress(function(e) {
    if(e.which == 13) {
        display('You pressed enter!');
        return false;
    }
});
$(document).keydown(function(e) {
    if(e.which == 40) {
        display('You pressed down arrow!');
        return false;
    }
});
function display(msg) {
  $("<p>").text(msg).appendTo(document.body);
}
p {
  margin: 0;
}
<p>Click this pane to focus it, then press spacebar, Enter, or down-arrow</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

相关文章：