Wie legen Sie den Fokus auf das HTML5-canvas-element?

Question

Ich bin mit dem HTML5 <canvas> element in Firefox 2.0.0.16 und in Safari 3.1.2, sowohl auf meinem iMac.(Ich habe versucht, diese in Firefox 3.0 unter Windows als gut, auch ohne Erfolg.) Das tag sieht folgendermaßen aus:

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

Ich habe eine Schaltfläche "aktivieren" einige Funktionen, die die Interaktion mit der Leinwand., Die Taste onclick() - Ereignis ruft eine Funktion.In dieser Funktion habe ich die folgende Zeile:

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

Dies funktioniert nicht.Firebug meldet keine Fehler.Aber der Fokus bleibt immer noch, wo es war.Ich kann Sie auf die Leinwand oder tab Richtung der Leinwand und den Fokus verloren, von den anderen Elementen, aber anscheinend nie gewonnen werden, die auf der Leinwand (canvas-s onfocus() Ereignis nie ausgelöst).

Ich finde das seltsam.Ist es die Leinwand einfach nicht bekommen zu konzentrieren, oder bin ich etwas fehlt hier?Jeder Einblick würde geschätzt werden.

Danke.

Answer 1

Geben Sie die Leinwand eine Registerkarte Index:

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