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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
blurChrome Support complet 1Edge Support complet 12Firefox Support complet 5IE Support complet 9Opera Support complet 8Safari Support complet 3WebView Android Support complet 4.4Chrome Android Support complet 18Firefox Android Support complet 5Opera Android Support complet 10.1Safari iOS Support complet 1Samsung Internet Android Support complet 1.0

Légende

Support complet  
Support complet

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()