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

js

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

html

<input type="text" value="Cliquez ici">

JavaScript

js

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