javascript - HTML5 - 画布失去焦点？

Question

我正在使用 Impact JS 制作游戏，它使用画布进行渲染。在游戏中，我有一个按钮，显示一个包含流播放器的隐藏 div，并播放视频。在那个隐藏的 div 中还有一个按钮，可以关闭 div 并停止视频......到目前为止一切都很好。问题是，一旦视频关闭，我必须单击画布才能重新获得焦点。因此，现在必须单击视频下方的按钮两次才能使其正常工作……不好。我已经确定它不是特定于 flowplayer。我可以显示一个只有黑色的隐藏 div 并在 5 秒内将其隐藏，但画布仍然失去焦点。有人见过这个吗？目前它是一个展示者..真的需要让它工作。

Answer 1

我看到您已经在画布上应用了 tabindex。

很好，这是将焦点设置到画布上所必需的。

现在要在视频结束后给画布焦点，请执行以下操作：

// get a reference to the canvas element

var canvas=document.getElementById('canvas');

// set focus to the canvas when the video ends

canvas.focus().