Остаточний спосіб викликати події клавіші за допомогою jQuery

Я прочитав усі відповіді на це питання, і, здається, жодне з рішень не працює.

Крім того, я отримую вибране, що спрацьовування натискання клавіш зі спеціальними символами взагалі не працює. Чи може хтось перевірити, хто це зробив?

Якщо ви хочете запустити подію клавіші або клавішу, то все, що вам потрібно зробити:

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, замість цього введіть відповідний код коду.)

Справжня відповідь повинна включати 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, ви можете зробити так:

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

Я змусив це працювати з клавіатурою.

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

Гаразд, для мене, хто працює з цим ...

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

Якщо вам потрібно врахувати поточний вибір курсору та тексту ...

Це не працювало для мене для програми AngularJS у Chrome. Як зазначає Надя в оригінальних коментарях, персонаж ніколи не видно у полі введення (принаймні, це був мій досвід). Крім того, попередні рішення не враховують поточний вибір тексту у полі введення. Мені довелося скористатися чудовою бібліотекою 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'})

Ви хочете зробити це в одному рядку, який ви можете використовувати

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

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

не потрібно відображати символів, я думаю.

Це можна виконати так, як цей документ

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