GlobalEventHandlers.onfocus
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since juillet 2015.
La propriété onfocus, , rattachée au mixin GlobalEventHandlers, est un gestionnaire d'évènements qui permet de traiter les évènements focus.
L'évènement focus est déclenché lorsque la personne active le focus sur un élément.
Afin que onfocus soit déclenché sur les éléments qui ne sont pas des éléments <input>, il faut que ces derniers aient un attribut tabindex. Voir la section Remettre l'accessibilité au clavier pour plus de détails.
Note :
Le gestionnaire d'évènement opposé à onfocus est onblur.
Syntaxe
cible.onfocus = refFonction;
Value
refFonction est un nom de fonction ou une expression de fonction. La fonction reçoit un objet FocusEvent comme unique argument.
Exemple
Cet exemple utilise onblur et onfocus pour changer le texte au sein d'un élément <input>.
HTML
<input type="text" value="Cliquez ici" />
JavaScript
let input = document.querySelector("input");
input.onblur = inputBlur;
input.onfocus = inputFocus;
function inputBlur() {
input.value = "Le focus a été perdu";
}
function inputFocus() {
input.value = "Le focus est là";
}
Résultat
Essayez de cliquer à l'intérieur et en dehors du champ pour voir son contenu être modifié.
Spécifications
| Specification |
|---|
| UI Events # event-type-focus |
| HTML # handler-onfocus |
Compatibilité des navigateurs
Loading…
Voir aussi
- L'évènement
focus - Le gestionnaire d'évènement dual :
GlobalEventHandlers.onblur