--- title: HTMLElement.blur() slug: Web/API/HTMLOrForeignElement/blur tags: - API - DOM - HTMLElement - Method - Reference translation_of: Web/API/HTMLOrForeignElement/blur original_slug: Web/API/Element.blur ---
{{ APIRef("HTML DOM") }}

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

{{ EmbedLiveSample('Remove_focus_from_a_text_area') }}

Spécification

Specification Status Comment
{{SpecName('HTML WHATWG', 'editing.html#dom-blur', 'blur')}} {{Spec2('HTML WHATWG')}}
{{SpecName('HTML5.1', 'editing.html#blur()-0', 'blur')}} {{Spec2('HTML5.1')}}
{{SpecName('HTML5 W3C', 'editing.html#dom-blur', 'blur')}} {{Spec2('HTML5 W3C')}}
{{SpecName('DOM2 HTML', 'html.html#ID-28216144', 'blur')}} {{Spec2('DOM2 HTML')}}

Compatibilité navigateur

{{Compat("api.HTMLElement.blur")}}

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

Voir aussi

La méthode DOM {{domxref("HTMLElement.focus()")}}