Prevenir el clic desde el evento de activación del elemento principal de activación infantil

Question

Tengo un selector que vincula un evento de clic que eliminará el elemento emergente. Sin embargo, solo deseo que el selector maneje el clic, en lugar de los elementos secundarios del selector para poder activar el evento de clic.

Mi código:

<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> 

Al hacer clic en .popup-content, se disparará el evento click cuando no quiero que los hijos de #popup para hacerlo.

El Código jQuery:

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

Answer 1

intento:

e.stopPropagation(); 
return false; 

en el controlador de eventos

Answer 2

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

o

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

En su caso, es lo mismo, pero a veces no puede hacer tal cosa sin e.stopPropagation(). Por ejemplo:

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

Answer 3

En el controlador de eventos para #popup verificación si e.target == this. es decir .:

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

hacer esto es mucho más fácil que la unión clic controladores adicionales para todos los niños.

Answer 4

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