javascript - HTML5 - Canvas 失去焦点?

标签 javascript jquery canvas focus

我正在使用 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/

相关文章:

php - 重定向到域并将其显示在地址栏中

javascript - 如何在使用 javascript/jquery 单击 "delete icon"时删除表中的行?

jquery datepicker动态改变位置

javascript - 如何让一个物体平滑地改变它的方向?

javascript - React 是否在连续调用 ReactDOM.render 时应用其协调算法?

javascript - 在 IE 中浏览字符串

javascript - Angular 如何处理具有多个指令的元素

javascript - 如何在网页上的谷歌地图上添加地址?

Java - 使用 Canvas 更改文本大小?

javascript - 更改鼠标单击 Canvas 上的文本