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

Question

Estoy usando el elemento HTML5 <canvas> en Firefox 2.0.0.16 y en Safari 3.1.2, ambos en mi iMac. (He intentado esto en Firefox 3.0 en Windows, así, también en vano.) La etiqueta se ve así:

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

tengo un botón de "activar" alguna funcionalidad que interactúa con el lienzo. El evento del botón onclick() 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 enfoque aún permanece donde estaba. Puedo hacer clic en el lienzo o pestaña hacia el lienzo y el foco se perderá de los otros elementos, pero aparentemente nunca se gana con el lienzo (El evento onfocus() del lienzo nunca se dispara).

Me resulta extraño. ¿Es que el lienzo simplemente no puede enfocarse o me falta algo aquí? Cualquier idea sería apreciada.

Gracias.

Answer 1

Dale el lienzo un índice de tabulación:

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