¿Cómo se establece el foco en el elemento lienzo HTML5?

Question

Estoy usando HTML5 <canvas> elemento en Firefox 2.0.0.16 y en Safari 3.1.2, ambos en mi iMac.(También probé esto en Firefox 3.0 en Windows, sin éxito). La etiqueta se ve así:

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

Tengo un botón para "activar" alguna funcionalidad que interactúa con el lienzo.ese botón onclick() evento llama a una función.En esa función tengo la siguiente línea:

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

Esto no funciona.Firebug no informa ningún error.Pero el foco sigue donde estaba.Puedo hacer clic en el lienzo o en la pestaña hacia el lienzo y el foco se perderá de los otros elementos, pero aparentemente el lienzo nunca lo recuperará (el lienzo onfocus() el evento nunca se activa).

Esto me parece extraño.¿Es que el lienzo simplemente no puede enfocarse o me estoy perdiendo algo aquí?Cualquier idea sería apreciada.

Gracias.

Answer 1

Dale al lienzo un índice de pestañas:

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