Manuel de référence HTML

Catalogue complet des balises HTML

Attribut onfocus de l'événement HTML

L'attribut onfocus est utilisé pour obtenir ou définir la fonction de gestion des événements de l'événement focus de l'élément courant. L'événement focus est déclenché lorsque l'élément courant obtient le focus du clavier.

Attributs d'événement HTML

Exemple en ligne

L'exécution du script est déclenchée lorsque le champ d'entrée obtient le focus:

Exemple

<!DOCTYPE html>
<html>
<head>
<title>Utilisation de l'attribut onfocus de l'événement HTML (Tutoriel de base du site web oldtoolbag.com)</title>
<script>
function setStyle(x)
{
　　　　document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body>
<p>Quand le champ d'entrée obtient le focus, la fonction setStyle est déclenchée. Cette fonction change la couleur de fond du champ d'entrée.</p>
Premier nom: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
Dernier nom: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>
</html>

Vérifiez ici ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Tous les navigateurs主流 browsers supportent l'attribut d'événement onfocus

Définition et utilisation

L'attribut onfocus est déclenché lorsque l'élément obtient le focus.

Onfocus est généralement utilisé avec <input>, <select> et <a>.

Astuce :L'événement attribut opposé à onfocus estonblur .

Note : L'attribut onfocus ne peut pas être utilisé pour les éléments suivants : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.

HTML 4.01 et HTML5différences entre

Aucune.

Syntaxe

<element onfocus="script">

Valeur de l'attribut

Valeur	Description
script	Définit le script à exécuter lors du déclenchement de l'événement onfocus

Attributs d'événement HTML

HTML: Balise <template>