Cách dứt khoát để kích hoạt các sự kiện nhấn phím với jQuery

Tôi đã đọc tất cả các câu trả lời cho câu hỏi này và dường như không có giải pháp nào hoạt động.

Ngoài ra, tôi nhận được sự rung cảm khi kích hoạt phím nhấn với các ký tự đặc biệt hoàn toàn không hoạt động. Ai đó có thể xác minh những người đã làm điều này?

Nếu bạn muốn kích hoạt sự kiện nhấn phím hoặc nhấn phím thì tất cả những gì bạn phải làm là:

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

Bây giờ ngắn gọn hơn với jQuery 1.6+ :

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

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

(Nếu bạn không sử dụng jQuery UI, hãy thay vào mã khóa thích hợp.)

Câu trả lời thực sự phải bao gồm keyCode:

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

Mặc dù trang web của jQuery nói rằng cái nào và keyCode được chuẩn hóa, chúng vẫn bị nhầm lẫn rất tệ. Luôn luôn an toàn nhất để thực hiện kiểm tra trình duyệt chéo tiêu chuẩn cho e.which và e.keyCode và trong trường hợp này chỉ cần xác định cả hai.

Nếu bạn cũng đang sử dụng jQuery UI, bạn có thể làm như thế này:

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

Tôi đã làm cho nó hoạt động với keyup.

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

Ok, đối với tôi làm việc với ...

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

Trong trường hợp bạn cần tính đến con trỏ hiện tại và lựa chọn văn bản ...

Điều này đã không làm việc cho tôi cho một ứng dụng AngularJS trên Chrome. Như Nadia chỉ ra trong các nhận xét ban đầu, nhân vật không bao giờ được nhìn thấy trong trường đầu vào (ít nhất, đó là kinh nghiệm của tôi). Ngoài ra, các giải pháp trước đó không tính đến lựa chọn văn bản hiện tại trong trường đầu vào. Tôi đã phải sử dụng một lựa chọn thư viện tuyệt vời .

Tôi có một bàn phím số trên màn hình tùy chỉnh điền vào nhiều trường nhập. Tôi phải...

1. Tập trung, lưu tập tin LastF Focus.element

2. Khi làm mờ, lưu lựa chọn văn bản hiện tại (bắt đầu và dừng)

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

3. Khi một nút trên bàn phím của tôi được nhấn:

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

Trong số bạn muốn làm điều đó trong một dòng duy nhất bạn có thể sử dụng

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

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

Tôi không cần phải lập bản đồ nhân vật.

Nó có thể được thực hiện như tài liệu này

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