javascript - 输入设备的 HTML5 视频焦点

Question

我有一个包含多个 HTML5 视频的页面。我想利用键盘和鼠标事件与每个视频进行交互。在 Flash 中，这不是问题，因为一旦您单击视频对象，该视频将获得焦点并接收来自任何输入设备的所有事件，除非您单击它。我对 HTML5 视频还是个新手，但我不确定如何使用 JavaScript 来模仿 HTML5 视频中的这个 focus 功能，因为 focus 对于视频标签，如果没有它，您将无法控制单个视频。

非常感谢!

Answer 1

你尝试过吗:

<video id="foo">
</video>

<script>
  document.getElementById('foo').focus();
</script>

focus 方法将键盘焦点赋予元素。