Ako zistím kliknutie mimo prvku?

POZNÁMKA: Používaniu funkcie stopEventPropagation() sa treba vyhnúť, pretože narúša normálny tok udalostí v DOM. Viac informácií nájdete v tomto článku. Namiesto toho zvážte použitie tejto metódy

Pripojte k telu dokumentu udalosť kliknutia, ktorá zatvorí okno. Pripojte samostatnú udalosť kliknutia na kontajner, ktorá zastaví šírenie do tela dokumentu.

$(window).click(function() {
//Hide the menus if visible
});

$('#menucontainer').click(function(event){
    event.stopPropagation();
});

Mám aplikáciu, ktorá funguje podobne ako Eranov príklad, ale pri otváraní menu pripájam udalosť kliknutia na telo... Takto nejako:

$('#menucontainer').click(function(event) {
  $('html').one('click',function() {
    // Hide the menus
  });

  event.stopPropagation();
});

Viac informácií o funkcii jQuery's one()

Skontrolujte cieľ udalosti kliknutia na okno (mala by sa šíriť do okna, pokiaľ nie je zachytená nikde inde) a uistite sa, že to nie je žiadny z prvkov ponuky. Ak nie je, potom ste mimo menu.

Alebo skontrolujte pozíciu kliknutia a zistite, či je obsiahnuté v oblasti ponuky.