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

我已经阅读了所有关于这个问题的答案，但似乎没有一个解决方案有效。

此外，我得到的感觉，触发按键与特殊字符根本不起作用。有人能证明这是谁干的吗?

305531 次浏览
小开
最佳答案

如果你想触发keypress或keydown事件，那么你需要做的是:

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

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

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

对我来说，用这个工作…

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}]);
小开

现在稍微简洁一些jQuery 1.6+:

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


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

(如果你不使用jQuery UI，请改用适当的键码。)

小开

真正的答案必须包括keyCode:

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

尽管jQuery的网站上说which和keyCode是标准化的，但它们是非常严重的错误。对e.which和e.keyCode进行标准的跨浏览器检查总是最安全的，在本例中只定义两者。

小开

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

我想不需要映射角色。

小开

如果你需要考虑到当前的光标和文本选择…

这对我在Chrome上的AngularJS应用程序不起作用。正如Nadia在最初的评论中指出的那样，字符在输入字段中从来都是不可见的(至少，这是我的经验)。此外，前面的解决方案没有考虑输入字段中的当前文本选择。我不得不使用一个很棒的库jquery-selection。

我有一个自定义的屏幕数字键盘，填充多个输入字段。我不得不……

  1. 在focus上，保存lastFocus.element
  2. 在模糊模式下，保存当前的文本选择(开始和停止)

    var pos = element.selection('getPos')
lastFocus.pos = { start: pos.start, end: pos.end}

  3. When a button on the my keypad is pressed:

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

我用keyup做了。

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

它可以像这样完成文档

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

如果你想把它写成单行，你可以用

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

提交答案