使用jQuery,我如何找到哪个键被按下时,我绑定到按键事件?
$('#searchbox input').bind('keypress', function(e) {});
我想在按下ENTER键时触发提交。
(更新)
尽管我自己找到了(或者更好的:一个)答案,但似乎还有变化的空间;)
keyCode和它之间有区别吗?特别是如果我只找ENTER,它永远不会是unicode键?
是否有些浏览器提供一种属性,而其他浏览器提供另一种?
使用jQuery,我如何找到哪个键被按下时,我绑定到按键事件?
$('#searchbox input').bind('keypress', function(e) {});
我想在按下ENTER键时触发提交。
(更新)
尽管我自己找到了(或者更好的:一个)答案,但似乎还有变化的空间;)
keyCode和它之间有区别吗?特别是如果我只找ENTER,它永远不会是unicode键?
是否有些浏览器提供一种属性,而其他浏览器提供另一种?
当前回答
这是一个jquery扩展,将处理进入键被按下。
(function ($) {
$.prototype.enterPressed = function (fn) {
$(this).keyup(function (e) {
if ((e.keyCode || e.which) == 13) {
fn();
}
});
};
}(jQuery || {}));
$("#myInput").enterPressed(function() {
//do something
});
在这里可以找到一个工作示例 http://jsfiddle.net/EnjB3/8/
其他回答
好吧,我瞎了:
e.which
将包含键的ASCII码。
参见https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which
编辑:这只适用于IE…
我知道这是一个旧帖子,但有人可能会发现这很有用。
键事件是映射的,所以除了使用keycode值,还可以使用key值使其更具可读性。
$(document).ready( function() {
$('#searchbox input').keydown(function(e)
{
setTimeout(function ()
{
//rather than using keyup, you can use keydown to capture
//the input as it's being typed.
//You may need to use a timeout in order to allow the input to be updated
}, 5);
});
if(e.key == "Enter")
{
//Enter key was pressed, do stuff
}else if(e.key == "Spacebar")
{
//Spacebar was pressed, do stuff
}
});
这里是一个小抄与映射键,我从这个博客
有些浏览器使用keyCode,有些使用which。如果你正在使用jQuery,你可以可靠地使用它,因为jQuery标准化了东西。实际上,
$('#searchbox input').bind('keypress', function(e) {
if(e.keyCode==13){
}
});
以下是对各种浏览器行为的详细描述http://unixpapa.com/js/key.html
我做的最简单的方法是:
$("#element").keydown(function(event) {
if (event.keyCode == 13) {
localiza_cep(this.value);
}
});