如何将canvas元素聚焦在object标签内？

Question

我有一个像这样的画布元素：

<canvas id="board_canvas" width="114" tabindex="1" height="254" style="position: fixed; left:</canvas>

在对象标签内：

<object type="text/html" data="url" width="350" height="800">< /object>

我希望在加载页面时关注此元素。

Answer 1

您无法将任何HTML元素集中在Object标记内。

对象标签内的所有内容与其他内容的处理方式不同，因为它定义了来自外部资源的嵌入对象（也称为FlashPlayer等插件）（当然还有画布或其他DOM元素）。

  

HTML元素（或HTML嵌入式对象元素）表示   外部资源，可以视为图像，嵌套   浏览上下文，或由插件处理的资源。

Source

如果你想使用FlashPlayer，如果画布不可用，你需要以相反的方式进行：

<canvas id="board_canvas" width... >
    <object>...</object>
</canvas>

这样您就可以使用tabIndex属性和focus()：

$('#board_canvas').attr('tabIndex', 0).focus();