Javascript 如何设置HTML5画布元素的焦点?

Javascript 如何设置HTML5画布元素的焦点?,javascript,canvas,focus,Javascript,Canvas,Focus,我在Firefox 2.0.0.16和Safari 3.1.2中使用了HTML5元素,两者都在我的iMac上。(我也在Windows上的Firefox 3.0中尝试过,也没有用。)标签如下: <td> <canvas id="display" width="500px" height="500px"> </canvas> </td> 这是行不通的。Firebug报告没有错误。但焦点仍在原来的

我在Firefox 2.0.0.16和Safari 3.1.2中使用了HTML5
元素,两者都在我的iMac上。(我也在Windows上的Firefox 3.0中尝试过,也没有用。)标签如下:

<td>
   <canvas id="display"
           width="500px"
           height="500px">
   </canvas>
</td>
这是行不通的。Firebug报告没有错误。但焦点仍在原来的位置。我可以单击画布或指向画布的选项卡,其他元素的焦点将丢失,但画布显然无法获得焦点(画布的
onfocus()
事件从不触发)

我觉得这很奇怪。是画布根本无法聚焦,还是我遗漏了什么?如有任何见解,将不胜感激


谢谢。

给画布一个选项卡索引:

   <canvas id="display"
           width="500px"
           height="500px"
           tabindex="1">
   </canvas>


有人能详细说明它适用于哪些浏览器和不适用于哪些浏览器吗?这对于@Angelo来说是个问题。我不确定它是适用于Windows的chrome浏览器还是Android浏览器(注10.1)。“但它一定是当时的最新版本.”安卓可能有道理-IIRC,“键盘焦点”并不像桌面浏览器那样存在,@Angelo说。
   <canvas id="display"
           width="500px"
           height="500px"
           tabindex="1">
   </canvas>