GlobalEventHandlers.onfocus
La propriété onfocus
, , rattachée au mixin GlobalEventHandlers
, est un gestionnaire d'évènements (en-US) qui permet de traiter les évènements focus
(en-US).
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
No specification found
No specification data found for api.GlobalEventHandlers.onfocus
.
Check for problems with this page or contribute a missing spec_url
to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
- L'évènement
focus
(en-US) - Le gestionnaire d'évènement dual :
GlobalEventHandlers.onblur