私は HTML5/JavaScript のブラウザー内ゲームに取り組んでいますが、誰かが私を助けてくれることを望んでいる Firefox で奇妙な動作が発生しています。ゲームは次のタグにあります。
<div id="game" tabindex="0"> ... </div>
...tabindex要素がフォーカス可能になるように属性が設定されています。div#game要素がフォーカスを失うと、ゲームは自動的に一時停止するという考えです。ユーザーはイベントを介してゲームと対話しますkeydown。これはほとんどの場合機能します。ユーザーがキーを押すと、ゲームが応答し、それだけです。ただし、ユーザーがキーを押したときにdiv#gameフォーカスが失われ、フォーカスが Firefox のアドレス バーに移動することがあります。どのパターンも把握できず、フォーカスを失う前にイベントdiv#gameを受け取るかどうかを判断するのに苦労しています。keydownまた、Chrome でこの動作を再現することもできませんでした。
誰かが似たようなことを経験したことがありますか、または私のdiv要素に焦点を合わせ続ける方法について何か考えがありますか? ありがとう。