Outbook

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

Inicio que contiene a Desarrollo web Javascript Javascript: Click outside element

Saltar a contenido
Saltar a navegación

Contactar:

Accesibilidad: Cuidado con los colores en textos e imágenes de fondo (artículo anterior)
Javascript: Click fuera de un elemento (siguiente artículo)

Javascript: Click outside element

Simply function to detect click event outside desired element:

document.onclick = function (e) {
 e = e || event
 var target = e.target || e.srcElement
 var element = document.getElementById('id_element');
 do {
  if (element == target) {
   // When clicked inside element, does nothing
   return;
  }
  target = target.parentNode;
 } while (target)
 // When clicked outside element, makes an action.
 element.style.display = 'none';
}

Read at 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:47
Archivado en Javascript
Etiquetas: javascript, Web design
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.