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

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

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

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

(更新)

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

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

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

当前回答

试试这个:

jQuery('#myInput').keypress(function(e) {
    code = e.keyCode ? e.keyCode : e.which;
    if(code.toString() == 13) {
        alert('You pressed enter!');
    }
});

2010-02-09 19:25:46

其他回答

我将用e.preventDefault();来补充解决方案代码。在输入字段的情况下，我们不参加提交的形式进入按下

var code = (e.keyCode ? e.keyCode : e.which);
 if(code == 13) { //Enter keycode
   e.preventDefault();
   //Do something
 }

2012-02-10 19:59:42

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

试试这个:

jQuery('#myInput').keypress(function(e) {
    code = e.keyCode ? e.keyCode : e.which;
    if(code.toString() == 13) {
        alert('You pressed enter!');
    }
});

2010-02-09 19:25:46

该事件。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事件按键:哪个键被按下?

推荐文章

最新文章

标签