Molto spesso, quando realizziamo form di immissione dati oppure giochi all'interno di canvas nelle nostre pagine html abbiamo bisogno di ottenere il focus di input su di essi in modo automatico. Immaginiamo di far partire un gioco scritto in javascript i cui controlli sono basati sulla tastiera per poi accorgersi che usando i tasti frecce avviene lo scrolling della pagina e non quello che ci aspettiamo, ovviamente questo comportamento confonde l'utente che sarebbe costretto a cliccare sul riquadro del canvas per attivare l'uso dei tasti.
Per ovviare a questo comportamento di default ci basta una semplice riga di javascript alla fine della pagina che richiama il metodo focus() dell'elemento che vogliamo attivare.
<html> <head></head> <body> <canvas id="canvas1"></canvas> <script> document.getElementById("canvas1").focus(); </script> </body> </html>