HTMLElement : méthode blur()
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La méthode blur() de l'interface HTMLElement retire la sélection du clavier de l'élément courant.
Syntaxe
js
blur()
Paramètres
Aucun.
Valeur de retour
Aucune (undefined).
Exemples
Retirer la sélection d'un champ texte
HTML
html
<input type="text" id="monTexte" value="Texte d'échantillon" /> <br /><br />
<button type="button">Cliquez ici pour obtenir la sélection</button>
JavaScript
js
const textField = document.getElementById("monTexte");
const button = document.querySelector("button");
function focusInput() {
textField.focus();
// Le champ perdra la sélection après 3 secondes
setTimeout(() => {
textField.blur();
}, 3000);
}
button.addEventListener("click", focusInput);
Résultat
Spécifications
| Specification |
|---|
| HTML # dom-blur-dev |
Compatibilité des navigateurs
Voir aussi
- La propriété
HTMLElement.focus