如何將焦點設置爲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>