Question

I got a DIV positioned absolute above other elements on the page and I want it to disappear when clicked somewhere but NOT inside that absolute positioned div (or one of its child elements).

I’m using jQuery’s event propagation ($(document).on(…)) for all click events on page.

I would like to have a generic solution, not white- or blacklists of tags, classes please.

I’m not looking for a ‘put a transparent layer in between absolute DIV and other content’ solution, that would be my last ressort workaround.

Thx

Answer 1

$(document).on('click', function(e) {
    if (!(e.target.id=='myID' || $(e.target).parents('#myID').length>0)) {
        //do something
    }
});

FIDDLE