使用jQuery,我如何找到哪个键被按下时,我绑定到按键事件?
$('#searchbox input').bind('keypress', function(e) {});
我想在按下ENTER键时触发提交。
(更新)
尽管我自己找到了(或者更好的:一个)答案,但似乎还有变化的空间;)
keyCode和它之间有区别吗?特别是如果我只找ENTER,它永远不会是unicode键?
是否有些浏览器提供一种属性,而其他浏览器提供另一种?
使用jQuery,我如何找到哪个键被按下时,我绑定到按键事件?
$('#searchbox input').bind('keypress', function(e) {});
我想在按下ENTER键时触发提交。
(更新)
尽管我自己找到了(或者更好的:一个)答案,但似乎还有变化的空间;)
keyCode和它之间有区别吗?特别是如果我只找ENTER,它永远不会是unicode键?
是否有些浏览器提供一种属性,而其他浏览器提供另一种?
当前回答
添加隐藏提交,而不是隐藏类型,只是简单的提交style="display:none"。下面是一个示例(从代码中删除不必要的属性)。
<form>
<input type="text">
<input type="submit" style="display:none">
</form>
它将接受输入键本机,不需要JavaScript,工作在每个浏览器。
其他回答
鉴于您正在使用jQuery,您绝对应该使用.which。是的,不同的浏览器设置不同的属性,但jQuery会对它们进行规范化,并在每种情况下设置.which值。参见http://api.jquery.com/keydown/上的文档,它说明:
要确定按下了哪个键,可以检查传递给处理程序函数的事件对象。虽然浏览器使用不同的属性来存储这些信息,但jQuery规范化了.which属性,因此我们可以可靠地使用它来检索键代码。
试试这个:
jQuery('#myInput').keypress(function(e) {
code = e.keyCode ? e.keyCode : e.which;
if(code.toString() == 13) {
alert('You pressed enter!');
}
});
编辑:这只适用于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
}
});
这里是一个小抄与映射键,我从这个博客
其实这样更好:
var code = e.keyCode || e.which;
if(code == 13) { //Enter keycode
//Do something
}
根据Kilian的回答:
如果只输入按键很重要:
<form action="javascript:alert('Enter');">
<input type=text value="press enter">
</form>