如何将焦点设置为HTML5 canvas元素？

Question

我在Firefox 2.0.0.16和Safari 3.1.2中使用HTML5 <canvas>元素，这两个元素都在我的iMac上。 （我在Windows上尝试这样在Firefox 3.0为好，也无济于事。）标签是这样的：

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

我有一个按钮“激活”与画布交互的一些功能。该按钮的onclick()事件调用一个函数。在该功能中，我有以下行：

document.getElementById("display").focus(); 

这是行不通的。 Firebug报告没有错误。但重点仍然保持在原来的位置。我可以在画布上点击画布或标签，并且焦点将从其他元素中消失，但显然不会被画布获得（画布的onfocus()事件从不会触发）。

我觉得这很奇怪。难道画布根本无法得到关注，还是我在这里错过了一些东西？任何洞察力将不胜感激。

谢谢。

Answer 1

给画布标签索引：

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