スライドショーを表示しているモーダルウィンドウにページがあります。対象読者はタブレットユーザー向けであり、右から左または左から右にスワイプして次または前のスライドを表示することで番組をナビゲートします。これはすべて美しく機能します。
ただし、誰かがコンピューターを使用してページを表示した場合は、キーボードの矢印キーを使用してナビゲートできるようにしたいと思います。キーストロークを検出できますが、ユーザーがモーダルウィンドウ内をクリックした後でのみです。キーボードナビゲーションが表示される前に、ユーザーがどこかをクリックする必要がないようにしたいと思います。私が何をしようとしても問題ではないようです、これは常に問題です。
これはモーダルウィンドウであるため、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');
}
};