我正在使用 Impact JS 制作游戏,它使用 Canvas 进行渲染。在游戏中,我有一个按钮,显示包含流播放器的隐藏 div,并播放视频。在那个隐藏的 div 中还有一个按钮,可以关闭 div 并停止视频......到目前为止一切都很好。问题是,一旦视频关闭,我必须单击 Canvas 才能恢复焦点。因此,现在必须单击视频下方的按钮才能使其工作......这不好。 我确定它不是特定于 flowplayer 的。我可以显示一个只有黑色的隐藏 div,并在 5 秒内将其隐藏,但 Canvas 仍然会失去焦点。 有人见过这个吗?目前它是一个引人注目的东西......真的需要让它发挥作用。
最佳答案
我发现您已经在 Canvas 上应用了 tabindex。
很好,这需要将焦点设置到 Canvas 上。
现在要在视频结束后让 Canvas 获得焦点,请执行以下操作:
// get a reference to the canvas element
var canvas=document.getElementById('canvas');
// set focus to the canvas when the video ends
canvas.focus().
关于javascript - HTML5 - Canvas 失去焦点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19502065/