HTMLElement.blur()

La méthode HTMLElement.blur() retire le focus de l'élément courant.

Syntax

elt.blur()

Exemples

Retirer le focus d'un champ texte

HTML

<input type="text" id="myText" value="Champ texte.">
<p></p>
<button type="button" onclick="focusMethod()">Cliquez-moi pour donner le focus</button>
<button type="button" onclick="blurMethod()">Cliquez-moi pour retirer le focus</button>

JavaScript

focusMethod = function getFocus() {
  document.getElementById("myText").focus();
}
blurMethod = function getBlur() {
  document.getElementById("myText").blur();
}

Résultat

Spécification

Specification Status Comment
HTML Living Standard
La définition de 'blur' dans cette spécification.
Standard évolutif
HTML 5.1
La définition de 'blur' dans cette spécification.
Recommendation
HTML5
La définition de 'blur' dans cette spécification.
Recommendation
Document Object Model (DOM) Level 2 HTML Specification
La définition de 'blur' dans cette spécification.
Obsolete

Compatibilité navigateur

BCD tables only load in the browser

Dans IE9-10, il y a un bug où appeler blur() sur le <body> change la fenêtre active du navigateur vers une autre application.

Voir aussi

La méthode DOM HTMLElement.focus()