使用jQuery触发按键事件的最终方法

我已经阅读了关于这个问题的所有答案,并没有任何解决scheme似乎工作。

此外,我得到触发按键特殊字符的氛围根本不起作用。 有人可以validation谁做了这个?

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

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

使用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的网站说哪个和keyCode是正常的,他们是非常错误的。 对e.which和e.keyCode进行标准的跨浏览器检查总是最安全的,在这种情况下只需定义两者。

如果你也使用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}]); 

它也可以像这样完成( 文档 )

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

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

没有必要映射字符我猜。

如果您需要考虑当前光标和文本select…

这不适合我在Chrome上的AngularJS应用程序。 正如Nadia在原始评论中指出的那样,这个angular色在input字段中是不可见的(至less,那是我的经验)。 另外,以前的解决scheme不考虑input字段中的当前文本select。 我不得不使用一个很好的库jQueryselect 。

我有一个自定义的屏幕数字键盘,填写多个input字段。 我不得不…

  1. 在焦点上,保存lastFocus.element
  2. 在模糊状态下,保存当前的文字select(开始和停止)

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

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

我使用keyup工作。

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

你想在一个单一的行中,你可以使用它

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