Zapobieganie kliknięciu wyzwalacza nadrzędnego wyzwalacza potomnego

Question

Mam selektor wiążący zdarzenie click, które usunie popup. Jednak chcę, aby selektor obsługiwał kliknięcie, zamiast elementów podrzędnych selektora, aby móc wywołać zdarzenie click.

Mój kod:

<div id="popup"> 
    <div class="popup-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div> 
</div> 

Po kliknięciu na .popup-content będzie ognia zdarzenie click, gdy nie chcę dzieci #popup zrobić.

Kodeks jQuery:

$('#popup').bind('click', function() 
{ 
    $(this).remove(); 
}); 

Answer 1

try:

e.stopPropagation(); 
return false; 

w swojej obsługi zdarzeń

Answer 2

$('.popup-content').bind('click', function(e) 
{ 
    e.stopPropagation(); 
}); 

lub

$('.popup-content').bind('click', function(e) 
{ 
    return false; 
}); 

W twoim przypadku - to samo, ale czasami nie możesz tego zrobić bez e.stopPropagation(). Na przykład:

$('.popup-content a').bind('click', function(e) 
{ 
    e.stopPropagation(); 
    return confirm("Are you sure?"); 
}); 

Answer 3

W swojej obsługi zdarzeń dla #popup sprawdzić czy e.target == this. tj .:

$('#popup').bind('click', function(e) { 
    if(e.target == this) $(this).remove(); 
}); 

Jest to znacznie łatwiejsze niż wiązanie dodatkowych programów do obsługi kliknięć do wszystkich dzieci.

Answer 4

{if(e.target == this){ return;}});