Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web Javascript: Click fuera de un elemento

Saltar a contenido
Saltar a navegación

Contactar:

Javascript: Click outside element (artículo anterior)
Que hacer cuando el elemento OBJECT tapa una capa posicionada (siguiente artículo)

Javascript: Click fuera de un elemento

Una sencilla función para detectar si se clica fuera de un elemento:

document.onclick = function (e) {
 e = e || event
 var target = e.target || e.srcElement
 var elemento = document.getElementById('id_elemento');
 do {
  if (elemento == target) {
   // El click se ha producido dentro del elemento, no se hace nada.
   return;
  }
  target = target.parentNode;
 } while (target)
 // Se ha clicado fuera del elemento, se realiza una acción.
 elemento.style.display = 'none';
}

Visto en Closing a floating div layer Webdeveloper.com.

Compartir este artículo:

Datos del artículo:

Publicado el Jueves 5 de noviembre de 2009 a las 12:48
Archivado en Desarrollo web
Etiquetas: javascript
Seguimiento de comentarios (RSS 2.0).

Comentarios del artículo

Puedes comentar o hacer trackback desde tu propio sitio web.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.