Manuale di riferimento HTML

Completo elenco dei tag HTML

Attributo evento onfocus in HTML

L'attributo onfocus viene utilizzato per ottenere o impostare la funzione di gestione degli eventi dell'evento focus dell'elemento corrente. L'evento focus viene attivato quando l'elemento corrente ottiene la focus dell' tastiera.

Proprietà degli eventi HTML

Esempio online

Esegui lo script quando l'area di input ottiene il focus:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>Uso dell'attributo evento onfocus in HTML (sito di base tutorial.net oldtoolbag.com)</title>
<script>
function setStyle(x)
{
　　　　document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body>
<p>Quando l'area di input ottiene il focus, viene attivata la funzione setStyle. Questa funzione cambia il colore di sfondo dell'area di input.</p>
Il primo nome: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
L'ultimo nome: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>
</html>

Prova a vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo evento onfocus

Definizione e utilizzo

L'attributo onfocus viene attivato quando l'elemento riceve la focusera.

Onfocus viene solitamente utilizzato con <input>, <select> e <a>.

Suggerimento:L'attributo evento opposto a onfocus èonblur .

Attenzione: L'attributo onfocus non può essere utilizzato per i seguenti elementi: <base>, <bdo>, <br>. <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, o <title>.

Differenze tra HTML 4.01 e HTML5

Nessuna.

Sintassi

<elemento onfocus="script">

Valore dell'attributo

Valore	Descrizione
script	Definire lo script da eseguire quando viene attivato l'evento onfocus

Proprietà degli eventi HTML

HTML: <template> etichetta