Prevenir un evento jQuery con otro

Question

Para poner en orden mi jQuery, estoy buscando crear una clase "confirmar" para varios elementos con manejadores de eventos para poder disparar un cuadro de confirmación rápida para que el usuario pueda confirmar su acción.

Si el usuario hace clic en Cancelar en el cuadro de confirmación, los siguientes eventos debe ser cancelada, pero esto debe no ser permanente, por ejemplo, que activa el evento debería volver a abrir la confirmación y empezar de nuevo. Si puedo solucionar esto, puedo hacer que cualquier acción delicada tenga una pregunta de confirmación para asegurarme de que el usuario haga clic.

Por ejemplo:

$('.confirm').click(function() { 
    if(!confirm('Are you sure?')) { 
     // Stop any other click events on $(this) from happening this instance. 
    } 
}); 

$('.clicker').click(function() { 
    alert('it happened'); 
}); 

<a class="clicker confirm">Click me</a> 

salida deseado sería que la cancelación de la confirmación de que cancelaría el evento click, pero no desactivar totalmente.

Answer 1

Puede utilizar event.stopImmediatePropagation() de jQuery:

$('.confirm').click(function(event) { 
    if(!confirm('Are you sure?')) { 
     event.stopImmediatePropagation(); 

     // Stop any other click events on $(this) from happening this instance. 
    } 
}); 

$('.clicker').click(function() { 
    alert('it happened'); 
}); 

Mira test case on jsFiddle

Answer 2

$('.confirm').click(function() {  
return confirm('Are you sure?'); 
}); 

también se puede utilizar event.stopPropagation() en el lado de tu evento de clic para detener la propagación furthure.