jQuery: Haga clic en * * Sólo este elemento

Question

En el dibujo altamente artística más arriba, el cuadrado verde es un hijo de la rosa. El rosa está envuelto alrededor del verde por mi función, por lo que el cuadrado verde podría ser cualquier cosa: un hipervínculo, una imagen, un botón, etc.

Quiero capturar un clic en el div rosa SOLAMENTE si no es así t un clic en el elemento verde también.

Esto se puede hacer volteando un booleano con mouseenter en el recuadro verde, pero parece una manera desordenada de hacerlo conmigo.

¿Alguna pista?

EDITOR IMPORTANTE: No puedo meterme con el cuadrado verde, así que no agrego nada al evento click.

Answer 1

Usted puede hacer esto:

$('.pink-box-selector').click(function(e) { 
    if ($(e.target).is('.pink-box-selector')) { 
     // do stuff here 
    } 
}); 

Answer 2

¿Lo ayudaría $("#div_id :not('#excluded_element')).click();? http://api.jquery.com/not-selector/

Answer 3

instalación de un detector de eventos click separado para el elemento "verde" y tiene que event.preventDefault()

Answer 4

dos opciones. Primero puede verificar si el objetivo es el div verde.

$('#pinkdiv').click(function(e) { 
    if ($(e.target).is('#greendiv')) return; 
    // handle the event 
}); 

O puede escribir el controlador de clic para el div rosa normalmente y dejar de clics en el div verde de propagación.

$('#greendiv').click(function(e) { 
    e.stopPropagation(); 
}); 

Answer 5

http://jsfiddle.net/rlemon/d8qVp/

$("#pink").click(function(){ 
    if(!$("#green").is(":hover")) { 
     alert('here'); 
    } 
});