Moyen définitif de déclencher des événements de pression de touche avec jQuery

J'ai lu toutes les réponses à ces questions et aucune des solutions ne semble fonctionner.

De plus, j'ai l'impression que le déclenchement de la pression de touche avec des caractères spéciaux ne fonctionne pas du tout. Quelqu'un peut-il vérifier qui a fait cela?

Si vous souhaitez déclencher l'événement de pression de touche ou de pression sur la touche, il vous suffit de:

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

Un peu plus concis maintenant avec jQuery 1.6+ :

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

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

(Si vous n'utilisez pas jQuery UI, remplacez-le par le code clé approprié.)

La vraie réponse doit inclure keyCode:

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

Même si le site Web de jQuery dit que lequel et keyCode sont normalisés, ils se trompent très mal. Il est toujours plus sûr de faire les vérifications standard entre les navigateurs pour e.which et e.keyCode et dans ce cas, il suffit de définir les deux.

Si vous utilisez également jQuery UI, vous pouvez faire ceci:

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

Je l'ai fait fonctionner avec keyup.

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

Ok, pour moi qui travaille avec ça ...

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

Dans le cas où vous devez prendre en compte le curseur actuel et la sélection de texte ...

Cela ne fonctionnait pas pour moi pour une application AngularJS sur Chrome. Comme Nadia le souligne dans les commentaires originaux, le personnage n'est jamais visible dans le champ de saisie (du moins, c'était mon expérience). De plus, les solutions précédentes ne prennent pas en compte la sélection de texte actuelle dans le champ de saisie. J'ai dû utiliser une merveilleuse bibliothèque jquery-selection .

J'ai un clavier numérique à l'écran personnalisé qui remplit plusieurs champs de saisie. J'ai dû...

1. Sur focus, enregistrez le lastFocus.element

2. Sur flou, enregistrez la sélection de texte actuelle (démarrage et arrêt)

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

3. Lorsqu'une touche du clavier my est enfoncée:

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

Vous voulez le faire en une seule ligne, vous pouvez utiliser

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

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

pas besoin de mapper le personnage je suppose.

Cela peut être accompli comme ces documents

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