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 July 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
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 Standard # handler-onfocus |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
- L'évènement
focus
- Le gestionnaire d'évènement dual :
GlobalEventHandlers.onblur