HTML5 - Canvas失去焦点？

Question

我正在使用Impact JS制作游戏，它使用canvas进行渲染。在游戏中，我有一个按钮，显示一个包含流媒体播放器的隐藏div，并播放视频。在那隐藏的div也是一个关闭div并停止视频的按钮......到目前为止一切都很好。问题是，一旦视频关闭，我必须单击画布以获得焦点。因此，现在必须点击视频下方的按钮两次才能使其正常工作...不好。 我已经确定它不是特定于流媒体播放器。我可以在其中显示一个隐藏的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().