jQuery事件按键:哪个键被按下?

使用jQuery，我如何找到哪个键被按下时，我绑定到按键事件?

$('#searchbox input').bind('keypress', function(e) {});

我想在按下ENTER键时触发提交。

(更新)

尽管我自己找到了(或者更好的:一个)答案，但似乎还有变化的空间;)

keyCode和它之间有区别吗?特别是如果我只找ENTER，它永远不会是unicode键?

是否有些浏览器提供一种属性，而其他浏览器提供另一种?

当前回答

．.．这个例子阻止表单提交(通常是捕获击键#13时的基本意图):

$('input#search').keypress(function(e) {
  if (e.which == '13') {
     e.preventDefault();
     doSomethingWith(this.value);
   }
});

2010-05-12 22:58:24

其他回答

有些浏览器使用keyCode，有些使用which。如果你正在使用jQuery，你可以可靠地使用它，因为jQuery标准化了东西。实际上,

$('#searchbox input').bind('keypress', function(e) {
    if(e.keyCode==13){

    }
});

2014-05-08 11:34:13

好吧，我瞎了:

e.which

将包含键的ASCII码。

参见https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which

2008-11-19 15:01:43

该事件。keyCode和事件。不推荐使用。参见上面的@Gibolt答案或查看文档:https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent

事件。应该使用Key

按键事件也已弃用: https://developer.mozilla.org/en-US/docs/Web/API/Document/keypress_event

2019-11-06 06:44:51

检查优秀的jquery。热键插件，支持键组合:

$(document).bind('keydown', 'ctrl+c', fn);

2010-07-20 19:21:19

我刚刚为jQuery做了一个插件，允许更容易的按键事件。你不需要找到数字并输入，你只需要这样做:

如何使用

包括我下面的代码运行以下代码:

$(document).keydown(function(e) {
    if (getPressedKey(e) == theKeyYouWantToFireAPressEventFor /*Add 'e.ctrlKey here to only fire if the combo is CTRL+theKeyYouWantToFireAPressEventFor'*/) {
        // Your Code To Fire When You Press theKeyYouWantToFireAPressEventFor 
    }
});

就是这么简单。请注意，keyyouwanttofireapressevenfor不是一个数字，而是一个字符串(例如，当a被按下时触发"a"，当ctrl (control)被按下时触发"ctrl"，或者，在数字的情况下，只有1，没有引号。当按下1时就会触发。)

例子/代码:

因为长版本太……嗯…长，我已经做了一个PasteBin链接:http://pastebin.com/VUaDevz1

2015-06-30 07:06:04

jQuery事件按键:哪个键被按下?

推荐文章

最新文章

标签