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

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

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

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

(更新)

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

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

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

当前回答

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

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

    }
});

2014-05-08 11:34:13

其他回答

使用事件。关键和现代JS!

再也没有数字代码了。你可以直接检查钥匙。例如“Enter”、“LeftArrow”、“r”或“r”。

const input = document.getElementById("searchbox");
input.addEventListener("keypress", function onEvent(event) {
    if (event.key === "Enter") {
        // Submit
    }
    else if (event.key === "Q") {
        // Play quacking duck sound, maybe...
    }
});

Mozilla文档

支持的浏览器

2018-02-18 19:24:23

鉴于您正在使用jQuery，您绝对应该使用.which。是的，不同的浏览器设置不同的属性，但jQuery会对它们进行规范化，并在每种情况下设置.which值。参见http://api.jquery.com/keydown/上的文档，它说明:

要确定按下了哪个键，可以检查传递给处理程序函数的事件对象。虽然浏览器使用不同的属性来存储这些信息，但jQuery规范化了.which属性，因此我们可以可靠地使用它来检索键代码。

2010-03-05 17:47:19

如果你正在使用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

2008-11-19 16:22:34

我刚刚为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

好吧，我瞎了:

e.which

将包含键的ASCII码。

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

2008-11-19 15:01:43

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

推荐文章

最新文章

标签