html5キャンバスでキープレスを認識するための最良の方法は何ですか？

Question

これまで私は多くの記事を見つけましたが、それらはすべて相反するアドバイスと異なるブラウザとの互換性の異なるレベルを持っているようです。すべての巨大な頭痛。 canvas要素でユーザーのキーストロークを解析するための無料の方法がありますか？

ショートカットキーを無効にするためのこのようなスニペットは、すべてのブラウザで機能するとは限りません。今、私は

document.addEventListener('keypress', KeyPressed, true); 

と

var keyCode = String.fromCharCode(e.charCode); 

それはFirefoxで正常に動作しますが、どこにもを使用してい

if(e.preventDefault) // non-IE browsers 
     e.preventDefault(); 
    else // IE Only 
     e.returnValue = false; 

。

私はおそらくそれは最終的には働くでしょうが、私のすべての髪を引き出すことなくそれを行うための騒ぎ自由な方法はありますか？このような一見共通の機能が実装するのがとても難しいと思うのは不思議です。ありがとう！

Answer 1

「私のすべての髪を抜かずにそれをやり遂げるのは大騒ぎなのですか？」 そうです！ jQueryを使用するとできます。 jQueryはあなたの人生をより楽にし、ブラウザ間でも機能するためです。

だけで、あなたのコードにこれを追加し

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 

<script> 
$(document).ready(function(){ 
    $(document).keypress(function(event){ 
    if (event.which == 13) 
     alert("You pressed the Enter Key"); 
    }); 
}); 
</script>