使用jQuery，我如何找到哪个键被按下时，我绑定到按键事件?
$('#searchbox input').bind('keypress', function(e) {});
我想在按下ENTER键时触发提交。
(更新)
尽管我自己找到了(或者更好的:一个)答案，但似乎还有变化的空间;)
keyCode和它之间有区别吗?特别是如果我只找ENTER，它永远不会是unicode键?
是否有些浏览器提供一种属性，而其他浏览器提供另一种?
当前回答
$(document).bind('keypress', function (e) {
console.log(e.which); //or alert(e.which);
});
你应该有firbug来查看控制台的结果
其他回答
如果你正在使用jQuery UI，你有翻译的公共键代码。在ui / ui / ui.core.js:
$.ui.keyCode = {
...
ENTER: 13,
...
};
在tests/simulate/jquery. simulation . JS中也有一些翻译，但我在核心JS库中找不到任何翻译。注意，我只是核对了一下资料。也许有其他方法可以摆脱这些神奇的数字。
你也可以使用String。charCodeAt和。fromcharcode:
>>> String.charCodeAt('\r') == 13
true
>>> String.fromCharCode(13) == '\r'
true
根据Kilian的回答:
如果只输入按键很重要:
<form action="javascript:alert('Enter');">
<input type=text value="press enter">
</form>
女巫,)
/*
This code is for example. In real life you have plugins like :
https://code.google.com/p/jquery-utils/wiki/JqueryUtils
https://github.com/jeresig/jquery.hotkeys/blob/master/jquery.hotkeys.js
https://github.com/madrobby/keymaster
http://dmauro.github.io/Keypress/
http://api.jquery.com/keydown/
http://api.jquery.com/keypress/
*/
var event2key = {'97':'a', '98':'b', '99':'c', '100':'d', '101':'e', '102':'f', '103':'g', '104':'h', '105':'i', '106':'j', '107':'k', '108':'l', '109':'m', '110':'n', '111':'o', '112':'p', '113':'q', '114':'r', '115':'s', '116':'t', '117':'u', '118':'v', '119':'w', '120':'x', '121':'y', '122':'z', '37':'left', '39':'right', '38':'up', '40':'down', '13':'enter'};
var documentKeys = function(event) {
console.log(event.type, event.which, event.keyCode);
var keycode = event.which || event.keyCode; // par exemple : 112
var myKey = event2key[keycode]; // par exemple : 'p'
switch (myKey) {
case 'a':
$('div').css({
left: '+=50'
});
break;
case 'z':
$('div').css({
left: '-=50'
});
break;
default:
//console.log('keycode', keycode);
}
};
$(document).on('keydown keyup keypress', documentKeys);
演示:http://jsfiddle.net/molokoloco/hgXyq/24/
$(document).bind('keypress', function (e) {
console.log(e.which); //or alert(e.which);
});
你应该有firbug来查看控制台的结果
其实这样更好:
var code = e.keyCode || e.which;
if(code == 13) { //Enter keycode
//Do something
}
