Quitar el foco de un elemento

19/Ene/2008 JavaScript , , 2 Comentarios

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.

  1. elemento.blur();

Para acceder al elemento sobre el que queremos quitar el foco podemos utilizar el método .getElementById().

  1. elemento = document.getElementById("campo");
  2. 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.

  1. function QuitarFoco(){
  2. elemento = document.getElementById("campo");
  3. elemento.blur();
  4. }

Y los lanzaremos desde un botón, en su evento onClick:

  1. <button onClick="QuitarFoco()"; value="Quitar Foco"/>

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

*

*