使用jQuery触发按键事件的明确方法

时间:2009-05-06 22:15:07

标签: jquery events triggers keypress

我已经阅读了关于这些问题的所有答案,但似乎没有任何解决方案可行。

此外,我正在获得触发带有特殊字符的按键的氛围根本不起作用。有人可以验证谁做了这个吗?

10 个答案:

答案 0 :(得分:346)

如果您想触发按键或keydown事件,那么您所要做的就是:

var e = jQuery.Event("keydown");
e.which = 50; // # Some key code value
$("input").trigger(e);

答案 1 :(得分:78)

现在稍微简洁with jQuery 1.6+

var e = jQuery.Event( 'keydown', { which: $.ui.keyCode.ENTER } );

$('input').trigger(e);

(如果您没有使用jQuery UI,请改为使用相应的密钥代码。)

答案 2 :(得分:68)

真正的答案必须包括keyCode:

var e = jQuery.Event("keydown");
e.which = 50; // # Some key code value
e.keyCode = 50
$("input").trigger(e);

即使jQuery的网站说哪个和keyCode正常化,他们也非常错误。对e.which和e.keyCode进行标准的跨浏览器检查总是最安全的,在这种情况下只需定义两者。

答案 3 :(得分:17)

如果你也在使用jQuery UI,你可以这样做:

var e = jQuery.Event("keypress");
e.keyCode = $.ui.keyCode.ENTER;
$("input").trigger(e);

答案 4 :(得分:5)

我用keyup工作了。

$("#id input").trigger('keyup');

答案 5 :(得分:4)

好的,对我这个有用的......

var e2key = function(e) {
    if (!e) return '';
    var event2key = {
        '96':'0', '97':'1', '98':'2', '99':'3', '100':'4', '101':'5', '102':'6', '103':'7', '104':'8', '105':'9', // Chiffres clavier num
        '48':'m0', '49':'m1', '50':'m2', '51':'m3', '52':'m4', '53':'m5', '54':'m6', '55':'m7', '56':'m8', '57':'m9', // Chiffres caracteres speciaux
        '65':'a', '66':'b', '67':'c', '68':'d', '69':'e', '70':'f', '71':'g', '72':'h', '73':'i', '74':'j', '75':'k', '76':'l', '77':'m', '78':'n', '79':'o', '80':'p', '81':'q', '82':'r', '83':'s', '84':'t', '85':'u', '86':'v', '87':'w', '88':'x', '89':'y', '90':'z', // Alphabet
        '37':'left', '39':'right', '38':'up', '40':'down', '13':'enter', '27':'esc', '32':'space', '107':'+', '109':'-', '33':'pageUp', '34':'pageDown' // KEYCODES
    };
    return event2key[(e.which || e.keyCode)];
};

var page5Key = function(e, customKey) {
    if (e) e.preventDefault();
    switch(e2key(customKey || e)) {
        case 'left': /*...*/ break;
        case 'right': /*...*/ break;
    }
};

$(document).bind('keyup', page5Key);

$(document).trigger('keyup', [{preventDefault:function(){},keyCode:37}]); 

答案 6 :(得分:2)

如果您需要考虑当前光标和文本选择...

对于我来说,Chrome上的AngularJS应用程序并不适用。正如Nadia在原始评论中指出的那样,这个角色在输入字段中永远不可见(至少,这是我的经验)。此外,先前的解决方案不考虑输入字段中的当前文本选择。我不得不使用一个很棒的图书馆jquery-selection

我有一个自定义的屏幕数字小键盘,可以填充多个输入字段。我不得不......

  1. 在焦点上,保存lastFocus.element
  2. 在模糊时,保存当前文本选择(开始和停止)

    var pos = element.selection('getPos')
    lastFocus.pos = { start: pos.start, end: pos.end}
    
  3. 按下我的键盘上的按钮时:

    lastFocus.element.selection( 'setPos', lastFocus.pos)
    lastFocus.element.selection( 'replace', {text: myKeyPadChar, caret: 'end'})
    

答案 7 :(得分:2)

也可以这样完成(docs

$('input').trigger("keydown", {which: 50});

答案 8 :(得分:1)

console.log( String.fromCharCode(event.charCode) );

我猜不需要映射字符。

答案 9 :(得分:1)

您想要在一行中使用

$("input").trigger(jQuery.Event('keydown', { which: '1'.charCodeAt(0) }));