矢印キーでJavaScriptでkeydown（）を認識

Question

私はJavaScript（inside PHP）を使用して、keyDownイベント、特に矢印キーを認識しようとしています。私はここにあるさまざまなスレッドを見てきましたが、他のソースもありましたが、解決策を見つけることができませんでした。私のコードは次のようになります：

echo '<script> 
    alert ("Hi"); 
    $(document).keydown = (function(e) { 

    if (e.which == 37 || e.which == 38) { 
    alert("It works!"); 
    } 
    if (e.which == 39 || e.which == 40) { 
    alert("It works, also!"); 
    } 
    }); 
    </script>'; 

最初のアラートがあるので、それはそれがスクリプトでも認識しています。しかし、矢印キーを押すと何も起こりません。

Answer 1

使用この代わりに：

echo '<script> 
    alert ("Hi"); 
    $(document).on("keydown", function (e) { 

    if (e.which == 37 || e.which == 38) { 
     alert("It works!"); 
    } 
    if (e.which == 39 || e.which == 40) { 
     alert("It works, also!"); 
    } 
}); 
</script>'; 

あなただけjqueryので返され、実際にあなたが追加しないリスナー:)

Answer 2

を追加されていないオブジェクトのメソッドを追加するためのコード

$(document).keydown = ... 

（jQuery）のイベントハンドラ。

それは私がこの小さなfiddleをしたいずれかの

$(document).keydown(function(){}); 

または

$(document).on("keydown", function(){}); 

Answer 3

です：あなたは、[jQueryとDOMを確実にしなければならない

$(document).on("keydown", function(e) { 
    switch (e.which) { 
     case 37: 
     case 38: 
      alert("Go left or up!"); 
      break; 
     case 39: 
     case 40: 
      alert("Go right or down!"); 
      break; 
    } 
}); 

希望