Non credo ci sia bisogno di spiegare che cosa sia l’autofocus e no, non stiamo parlando di fotografia. All’interno di una pagina web l’autofocus è la funzione grazie alla quale il browser imposta automaticamente il focus su un determinato elemento del form.
Ogni buon web designer sa come impostarlo con facilità grazie a Javascript: HTML 5 ha introdotto invece un attributo booleano per definirlo; tuttavia per il momento dovremmo comunque servirci di Javascrip per controllare se il browser del nostro utente lo supporta, ecco come:
A) Tecnica 2: controllare la proprietà autofocus di un input del DOM
function supports_input_autofocus() {
var i = document.createElement('input');
return 'autofocus' in i;
}
B) Usare Modernizr
if (Modernizr.input.autofocus) {
// autofocus funziona
} else {
// nessun supporto ail’autofocus
// tornare ad una soluzione via script
}
Il contenuto di questo articolo è liberamente ispirato dallo spettacolare DiveIntoHTML5
