GlobalEventHandlers.onblur

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é onblur, rattachée au mixin GlobalEventHandlers, est le gestionnaire d'évènements qui permet de traiter les évènements blur. 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

js
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

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

must be provided

Spécifications

Specification
UI Events
# event-type-blur
HTML
# handler-onblur

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi