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

figuras canvas 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 también en Firefox 3.0 en Windows, pero fue en vano.) 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. El evento onclick() ese botón 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 de Lienzo en onfocus() nunca se dispara).

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

Gracias.

Answer 1

Dale al lienzo un índice de pestaña:

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