我正在研究HTML5 / JavaScript浏览器中的游戏,我在Firefox中遇到了一些奇怪的行为,我希望有人可以帮助我。游戏位于以下标记中:
<div id="game" tabindex="0"> ... </div>
...设置tabindex
属性,以便元素可聚焦。这个想法是当div#game
元素失去焦点时,游戏会自动暂停。用户通过keydown
事件与游戏进行交互,该事件大部分时间都在工作:用户按下一个键,游戏响应,就是这样。但是,有时,当用户按下某个键时,div#game
会失去焦点,焦点会转到Firefox地址栏。我无法弄清楚任何模式,我无法确定div#game
在失去焦点之前是否收到keydown
事件。我也无法在Chrome中复制此行为。
是否有人经历过类似的事情,或者有任何想法如何让我的div
元素成为焦点?感谢。