Definitive Möglichkeit, Tastendruckereignisse mit jQuery auszulösen

Ich habe alle Antworten auf diese Fragen gelesen und keine der Lösungen scheint zu funktionieren.

Außerdem bekomme ich die Stimmung, dass das Auslösen eines Tastendrucks mit Sonderzeichen überhaupt nicht funktioniert. Kann jemand überprüfen, wer dies getan hat?

Wenn Sie das Tastendruck- oder Keydown-Ereignis auslösen möchten, müssen Sie lediglich Folgendes tun:

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

Mit jQuery 1.6+ jetzt etwas prägnanter :

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

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

(Wenn Sie die jQuery-Benutzeroberfläche nicht verwenden, geben Sie stattdessen den entsprechenden Schlüsselcode ein.)

Die eigentliche Antwort muss keyCode enthalten:

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

Obwohl auf der Website von jQuery angegeben ist, dass which und keyCode normalisiert sind, liegen sie sehr falsch. Es ist immer am sichersten, die standardmäßigen browserübergreifenden Überprüfungen für e.which und e.keyCode durchzuführen und in diesem Fall nur beide zu definieren.

Wenn Sie auch die jQuery-Benutzeroberfläche verwenden, können Sie Folgendes tun:

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

Ich habe es mit Keyup zum Laufen gebracht.

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

Ok, für mich funktioniert das damit ...

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

Falls Sie den aktuellen Cursor und die aktuelle Textauswahl berücksichtigen müssen ...

Bei einer AngularJS-App auf Chrome funktionierte dies nicht. Wie Nadia in den ursprünglichen Kommentaren betont, ist der Charakter im Eingabefeld nie sichtbar (zumindest war das meine Erfahrung). Darüber hinaus berücksichtigen die vorherigen Lösungen nicht die aktuelle Textauswahl im Eingabefeld. Ich musste eine wundervolle Bibliotheksauswahl verwenden .

Ich habe einen benutzerdefinierten Ziffernblock auf dem Bildschirm, der mehrere Eingabefelder ausfüllt. Ich musste...

1. Speichern Sie im Fokus das lastFocus.element

2. Speichern Sie bei Unschärfe die aktuelle Textauswahl (Start und Stopp).

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

3. Wenn eine Taste auf meiner Tastatur gedrückt wird:

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

Sie möchten es in einer einzigen Zeile tun, die Sie verwenden können

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

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

Ich denke, es ist nicht nötig, einen Charakter zuzuordnen.

Dies kann wie folgt erreicht werden

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