在html5畫布中識別按鍵的最佳方法是什麼？

Question

到目前爲止，我已經發現了許多不同的文章，但它們似乎都有不同的建議和不同級別的與不同瀏覽器的兼容性。所有的巨大頭痛。有沒有一種無憂無慮的方式來解析用戶在canvas元素中的擊鍵？

即使是像這樣禁用快捷鍵的代碼段也不適用於所有瀏覽器。

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

現在，我使用

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

和

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

它工作正常，在Firefox，但無處。

我可能會最終得到它的工作，但有沒有一種免費的方式來做到這一點，而不用把我所有的頭髮都拉出來？似乎很奇怪，這樣一個看起來很普遍的功能很難實現。謝謝！

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>