Clicking on background div only

This is a way to trigger a function when user clicked/touched the background div without hitting it’s child elements.

$('#parentDiv').click(function(e) {
    var clicked = $(e.target);
    if(!clicked.hasClass('parentDivClass')) {
        // do function
    }
});

So the target of the event will be what was clicked. By using a jQuery selector we can do even more fine grain checking (especially useful for very complicated applications) before triggering the function.