Método blur
El método blur elimina el foco de un elemento.
Sintaxis
elemento.blur();
Ejemplo
Hagamos que al hacer clic en un botón se establezca el foco en un input, y al hacer clic en otro, se elimine el foco:
<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur" id="blur">
let input = document.querySelector('#input');
let focus = document.querySelector('#focus');
let blur = document.querySelector('#blur');
// Al hacer clic en el botón focus, establecer el foco en el input:
focus.addEventListener('click', function() {
input.focus();
});
// Al hacer clic en el botón blur, eliminar el foco del input:
blur.addEventListener('click', function() {
input.blur();
});
:
Ver también
-
método
focus,
que se puede utilizar para establecer el foco en un elemento
