GlobalEventHandlers.onblur

La propriété onblur, rattachée au mixin GlobalEventHandlers, est le gestionnaire d'évènements (en-US) qui permet de traiter les évènements blur (en-US). Elle est disponible sur les interfaces Element, Document, et Window.

L'évènement blur est déclenché lorsqu'un élément perd le focus.

Note : Le gestionnaire d'évènement opposé à onblur est onfocus.

Syntaxe

cible.onblur = refFonction;

Valeur

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é.

No specification data found for api.GlobalEventHandlers.onblur.
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

No compatibility data found for api.GlobalEventHandlers.onblur.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

Voir aussi

L'évènement blur (en-US)
Le gestionnaire d'évènement dual : GlobalEventHandlers.onfocus