Chromeでキーボードを押したときに `delete`と` .`を検出する方法は？

Question

.を押すと、​​,keypressおよびkeyupの3つのイベントが発生します。私はdeleteを押すと

keydown 
    which: 190 == ¾ 
    keyCode: 190 == ¾ 

keypress 
    which: 46 == . 
    keyCode: 46 == . 

keyup 
    which: 190 == ¾ 
    keyCode: 190 == ¾ 

それは2つのイベント、​​とkeyupを発射します。

keydown 
    which: 46 == . 
    keyCode: 46 == . 

keyup 
    which: 46 == . 
    keyCode: 46 == . 

私は.を押すと、対応する文字（46 == .）を取得できるようにしたいです。しかし、​​およびkeyupには、190があり、これは¾です。 keypressでは正しい値を取得しますが、deleteを押すとこのイベントは発生しません。

deleteを押すと、​​とkeyupにコード46が表示されます。コード46はdeleteではなく.です。

.が押されたか、deleteキーであった場合、両方のキーをキャプチャしてその違いを通知するにはどうすればよいですか？テストへ

ページ：http://jsfiddle.net/Eg9F3/

Answer 1

私は最善の解決策が押されたものをキー相互参照にe.whichを使用し、その後、あなたがしたいキー（demo）をマッピングすることだと思うのFirefox、example on jsFiddle

$("textarea").keydown(function(e) { 
    // if the key pressed was found on the list of specialChars 
    if (specialChars[e.keyCode]) 
    { 
     // triggers the fake event 
     $("textarea").trigger("chromekeypress", e); 

     // temporary avoid keypress from firing 
     $("textarea").unbind("keypress"); 
     setTimeout(function(){ $("textarea").bind("keypress", handleKey); },10); 
    } 
}); 

$("textarea").keypress(handleKey); // main event 

$("textarea").bind("chromekeypress", chromeKeyPress); // chrome workaround 

function chromeKeyPress(i,e){ 
    e.type="chromekeypress"; 
    e.which = 0; // copy Firefox behavior, which == 0 means a special key pressed 
    handleKey(e); // fires the main event 
} 
function handleKey(e) { 

    // which is going to be 0 if it is a special key 
    // and keycode will have the code of the special key 
    // or 
    // which will have the value of the key 

    $("#r").html($("#r").html() + "\n" + 
     e.type + "\n" + 
     " which: " + e.which + " == " + String.fromCharCode(e.which) + "\n" + 
     " keyCode: " + e.keyCode + " == " + String.fromCharCode(e.keyCode) + "\n" + 
    ""); 
} 

Answer 2

「キー入力」ハンドラで「」の値が「KeyDownイベント」または「からkeyup」ハンドラで「これ」と同じ意味を持ちません。キーボードのキーの場合は、キーボードの場合は、の場合はであり、文字の序数ではありません。 "keypress"ではそれは文字ですが、あなたが気付いたように、Delの "keypress"は得られません。

したがって、これはDelの「keydown」イベントと「keyup」イベントの場合とは異なり、「keypress」ハンドラの「46」とは異なります。

「keydown」または「keyup」のいずれかを使用して、キーコードを確認する必要があります。

Answer 3

実際、それは奇妙ですが、それは論理です。

関数に、String.fromCharCodeはないKBアクションで、実際の文字コードで作業している（左、削除...）

なぜ単にのkeyCodeによってフィルタリングしませんか？

Answer 4

と同じ動作を強制しました。クロスブラウザkeyCodeの値のgood referenceがあります.jQueryはe.whichの値を正規化するため、この場合に機能します。

var keys = { 
    46 : 'del', 
    190 : '.' 
}; 

$("textarea").bind('keyup', function(e){ 
    $('#r').append('keyup (' + e.which + '): ' + (keys[e.which] || String.fromCharCode(e.which))); 
}); 

これはjQuery UIが使用する方法と同様である - ファイルの先頭にキーコード相互参照を参照してください？また、それは私がkeycasterプラグインで使用する方法です。