kzen.dev
Več
Question

Kako zaznati klik zunaj elementa?

Imam nekaj menijev HTML, ki se v celoti prikažejo, ko uporabnik klikne na glavo teh menijev. Te elemente bi rad skril, ko uporabnik klikne zunaj območja menijev.

Ali je kaj takega mogoče z jQueryjem?

$("#menuscontainer").clickOutsideThisElement(function() {
    // Hide the menus
});
Peter Mortensen
Peter Mortensen
Edited question Npopoldan 49p30.10.20166tni 49trpopoldanni oktober 2016 в 4:05
Programiranje
javascript
jquery
Popular videos
« Prejšnji
Naslednji »
This question has 1 odgovor in English, to read them log in to your account.
Solution / Answer

OPOMBA: Uporabi funkcije stopEventPropagation() se je treba izogibati, saj prekine normalen tok dogodkov v DOM. Za več informacij glejte ta članek. Namesto tega razmislite o uporabi te metode

Na telo dokumenta pripnite dogodek klik, ki zapre okno. Posodi priložite ločen dogodek klika, ki zaustavi širjenje v telo dokumenta.

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

$('#menucontainer').click(function(event){
    event.stopPropagation();
});
Renz Dominique
Renz Dominique
Edited answer Ndopoldan 51p5.12.20182tni 51trdopoldanni december 2018 в 7:43
The Dangers of Stopping Event Propagation | CSS-Tricks - CSS-Tricks
The following is a guest post by Philip Walton (@philwalton). He is going to explain why stopping event propagation isn't something you should do lightly, and
css-tricks.com
1757

Imam aplikacijo, ki deluje podobno kot Eranov primer, le da ob odprtju menija na telo pritrdim dogodek klik... Nekako tako:

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

  event.stopPropagation();
});

Več informacij o funkciji jQuery's one()

Lal
Lal
Edited answer Npopoldan 12p26.2.20164tni 12trpopoldanni februar 2016 в 2:57
.one() | jQuery API Documentation
docs.jquery.com
126

Preverite cilj dogodka klik okna (ta se mora razširiti v okno, če ni zajet nikjer drugje) in se prepričajte, da to ni nobeden od elementov menija. Če ni, potem ste zunaj menija.

Ali pa preverite položaj klika in preverite, ali je znotraj območja menija.

20