views:

29

answers:

2

we're showing a box on the screen that I want to hide when the user clicks anywhere on the screen, including body, anchors, divs, buttons, etc... Is there a selector that can handle this for me? Or is it a case of $('body, a, div, input').click()?

+2  A: 

You can do it like this:

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

Since the click events will, by default, bubble up to document, this is a "catch all" approach...if you don't want clicks from inside the box to close it, add a .stopPropagation() call on those click events like this:

$("#boxID").click(function(e) {
  e.stopPropagation();
});
Nick Craver
A: 

You can just bind to the click event of document element. Try it at http://jsfiddle.net/ZqEbY/.

Nithesh Chandra