$(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>