Comment définir le focus sur l'élément canevas HTML5 ?

Question

J'utilise le HTML5 <canvas> élément dans Firefox 2.0.0.16 et dans Safari 3.1.2, tous deux sur mon iMac.(J'ai également essayé cela dans Firefox 3.0 sous Windows, également en vain.) La balise ressemble à ceci :

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

J'ai un bouton pour "activer" certaines fonctionnalités qui interagissent avec le canevas.Ce bouton est onclick() l'événement appelle une fonction.Dans cette fonction j'ai la ligne suivante :

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

Cela ne fonctionne pas.Firebug ne signale aucune erreur.Mais l’attention reste là où elle était.Je peux cliquer sur le canevas ou sur l'onglet vers le canevas et la concentration sera perdue par rapport aux autres éléments, mais apparemment jamais gagnée par le canevas (le canevas onfocus() l'événement ne se déclenche jamais).

Je trouve cela étrange.Est-ce que la toile ne parvient tout simplement pas à se concentrer, ou est-ce que j'ai raté quelque chose ici ?Toute idée serait appréciée.

Merci.

Answer 1

Donnez au canevas un index d'onglet :

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