Kaip aptikti paspaudimą už elemento ribų?

PASTABA: Reikėtų vengti naudoti stopEventPropagation(), nes tai sutrikdo įprastą įvykių srautą DOM. Daugiau informacijos rasite šiame straipsnyje. Apsvarstykite galimybę vietoj to naudoti šį metodą

Prie dokumento korpuso prisekite paspaudimo įvykį, kuris uždaro langą. Prie konteinerio prisekite atskirą paspaudimo įvykį, kuris sustabdo skleidimą į dokumento korpusą.

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

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

Turiu programą, kuri veikia panašiai kaip Erano pavyzdys, išskyrus tai, kad atidarant meniu prie kūno pridedu paspaudimo įvykį... Šiek tiek panašiai:

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

  event.stopPropagation();
});

Daugiau informacijos apie jQuery's one() funkciją

Patikrinkite lango paspaudimo įvykio tikslą (jis turėtų būti perduodamas į langą, jei nėra užfiksuotas niekur kitur) ir įsitikinkite, kad tai nėra joks meniu elementas. Jei taip nėra, vadinasi, esate už meniu ribų.

Arba patikrinkite paspaudimo padėtį ir įsitikinkite, ar ji'yra meniu srityje.