jQuery evento Click () cajón de sastre?

Question

Estamos mostrando un cuadro en la pantalla que desea ocultar cuando el usuario hace clic en cualquier lugar de la pantalla, incluyendo el cuerpo, anclas, divs, botones, etc ... ¿Hay un selector que puede manejar esto por mí? O se trata de un caso de $('body, a, div, input').click()?

Answer 1

Puede hacerlo de esta manera:

$(document).click(function() {
  $("#boxID").hide();
});

Desde los acontecimientos click, de forma predeterminada, burbuja a document, esto es un "catch para todos" ... si usted no quiere clics de dentro de de la caja para cerrarla, agregue un .stopPropagation() llamar a los eventos click como esta:

$("#boxID").click(function(e) {
  e.stopPropagation();
});

Answer 2

Sólo puede unirse al evento click del elemento de documento. Probarlo en http://jsfiddle.net/ZqEbY/ .