JavaScriptのkeyDownが起動しない

Question

私はスライドショーを表示しているモーダルウィンドウにページを持っています。意図した視聴者はタブレットユーザーのためのもので、右から左または左にスワイプして次または前のスライドを見てショーをナビゲートします。これはすべて美しく動作します。

しかし、誰かがコンピュータを使用してページを閲覧した場合、キーボードの矢印キーを使用してページを移動できるようにしたいと考えています。私は、ユーザーがモーダルウィンドウ内をクリックした後で、キーストロークを検出することができます。キーボードナビゲーションが表示される前に、どこかをクリックする必要がないようにしたいと思っています。私が何を試しても問題ないようですが、これは常に問題です。

これはモーダルウィンドウなので、iFrameを使用してコンテンツを表示します。

ここにコードがあります。私は、ページのロード時にそれが実行しないことを確認した、とpageTurn機能は、他のイベントと連携して動作します。

document.onkeydown = function(e){ 
    if (e == null) { 
     keycode = event.keyCode; 
    } else { 
     keycode = e.which; 
    } 
    if(keycode == 37){ 
     pageTurn('right'); 
    } else if(keycode == 39){ 
     pageTurn('left'); 
    } 
}; 

Answer 1

document.documentElementだけではなくdocumentにイベントを添付してください。

これが失敗した場合は、document.body.focus()を追加して、ドキュメントがキーボード入力を受信できる状態になっていることを確認してください。

EDIT：iFrameの内部では、代わりにtop.document.documentElementにイベントを添付する必要があります。

Answer 2

キーコードが間違っている可能性があります。 http://asquare.net/javascript/tests/KeyCode.html

コードが正しい場合は、このページのイベント処理コードとご使用のバージョンを比較してください。

Answer 3

documentは、キーイベントを付加するのに適しています。また、keyCodeは、すべての主要ブラウザで、​​とkeyupイベントの正しいプロパティであるため、whichで回り込む必要はありません。 IFRAME内から親文書に取り付けるための

、あなたのコメントの一つが示唆、あなたが（直接の親ドキュメントのウィンドウのため）parentを使用する必要があるとして、またはtop（最も外側のドキュメントのウィンドウ）：

parent.document.onkeydown = function(e) { 
    e = e || parent.event; 
    var keyCode = e.keyCode; 
    if (keyCode == 37) { 
     pageTurn('right'); 
    } else if (keyCode == 39) { 
     pageTurn('left'); 
    } 
};