jQueryのkeypressイベント

2つのボタンがあるページがあります。「5」を押すと、そのボタン1をクリックし、「6」ボタン2をクリックすると、そのボタン1をクリックします。 jQueryを使用することは可能ですか？jQueryのkeypressイベント

jQueryでCtrl + 5も処理できますか？

2009-06-02 Musa

あります。以下は、Id、button1、button2のボタンを想定したサンプルです。

$(function() { 
    $(document).keyup(function(e) { 
     if(e.keyCode == 53 || e.keyCode == 101) { //number 5 
      $("#button1").trigger('click'); 
     } else if(e.keyCode == 54 || e.keyCode == 102) { //number 6 
      $("#button2").trigger('click'); 
     } 
    }); 
});

トラッピングCTRL + 5は非常に扱いにくく、Chromeの場合はブラウザによって傍受されます。

出典

2009-06-02 17:00:51

私は上記の例をFirefox、IE、Chromeでテストしました。 –

ありがとうございました！ – Musa

jQueryのevent helpersをご覧ください。 keypressなどがあります。

キープレスデモでは、ボックスにキーを入力すると、そのキーの文字コード番号を知ることができます。例えば5

は53であり、6 Iイベント重複発火を防止するために、keyup eventに結合するお勧め64

出典

2009-06-02 16:44:09

文字コードが常に正しいとは限りません。数字の数字ではなく、キーボードの上部にある数字キーを押します。また、さまざまなブラウザでそれを試して、あなたは別の結果を得る。 – David

私は実際にこれを試して、数字キーと上キーの両方で同じ数字を得ました。 –

正しいキークロスブラウザを検出して、それぞれのボタンをクリックするにはどうすればよいですか。例があります。 – Musa

jQueryのkeypressイベント

答えて

関連する問題