Quitar el foco de un elemento

19/Ene/2008 JavaScript , , 2 Comentarios
Artículos Programación en Javascript

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. :-)

Vídeos sobre Javascript


2 comentarios en “Quitar el foco de un elemento”

Víctor Cuervo

alan

Fijense qué se puede hacer con el código onblur:

Permite no verse las i

Víctor Cuervo

Mariano

no funciona en iexplore para sacarle el foco a un pelicula flash, hay alguna alternativa??

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.