Kā noteikt klikšķi ārpus elementa?

PIEZĪME: Jāizvairās no stopEventPropagation() izmantošanas, jo tā pārtrauc normālu notikumu plūsmu DOM. Plašāku informāciju skatiet šajā rakstā. Apsveriet iespēju tā vietā izmantot šo metodi.

Pievienojiet dokumenta korpusam klikšķa notikumu, kas aizver logu. Pievienojiet atsevišķu klikšķa notikumu konteineram, kas pārtrauc izplatīšanos uz dokumenta korpusu.

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

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

Man ir lietojumprogramma, kas darbojas līdzīgi kā Eran's piemērs, izņemot to, ka es pievienoju klikšķa notikumu ķermenim, kad es atveru izvēlni... Gluži kā šeit:

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

  event.stopPropagation();
});

Vairāk informācijas par jQuery's one() funkciju

Pārbaudiet loga klikšķa notikuma mērķi (tam vajadzētu izplatīties uz logu, ja vien tas nav fiksēts citur) un pārliecinieties, ka tas nav neviens no izvēlnes elementiem. Ja tas tā nav, tad jūs esat ārpus savas izvēlnes.

Vai arī pārbaudiet klikšķa pozīciju un pārliecinieties, vai tas atrodas izvēlnes apgabalā.