どのようにHTML5キャンバス要素にフォーカスを設定しますか？

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>