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 OuiSafari Support complet 10WebView Android Support complet 4.4Chrome Android Support complet 18Firefox Android Support complet 5Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android ?

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue

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