Si revisamos los eventos Javascript que se pueden producir en un navegador comprobamos que existe el onBlur. El evento onBlur se produce cuando se pierde el foco sobre algún elemento. Es decir, si por ejemplo estamos en un campo de un formulario y nos movemos a otro campo, en ese momento, el campo del formulario lanza el evento onBlur.
Una vez que se produce el evento onBlur, podemos capturarle y ejecutar el código que necesitemos.
En este caso lo que vamos a hacer, vía Javascript, es quitar el foco de un elemento. En este caso lo que vamos a hacer es ejecutar el método .blur() sobre el elemento en el que tengamos el foco.
elemento.blur();
Para acceder al elemento sobre el que queremos quitar el foco podemos utilizar el método .getElementById().
elemento = document.getElementById("campo");
elemento.blur();
Solo nos quedará el lanzar este código desde algún sitio. Para ello lo ponemos dentro de un método que se llame QuitarFoco.
function QuitarFoco(){
elemento = document.getElementById("campo");
elemento.blur();
}
Y los lanzaremos desde un botón, en su evento onClick:
Una de las cosas que nos tenemos que asegurarnos es que el campo sobre el que queramos quitar el foco, tiene el cursor sobre el. :-)
