preventDefault() no funciona

Question

Cuando uso event.preventDefault() en un enlace funciona, ¡pero cuando lo uso en un botón no funciona!
DEMO
mi código:

<a id="link" href="http://www.google.com">link</a> 
<button id="button" onclick="alert('an alert')">button</button>​ 

$('#link').click(function(event){ 
    event.preventDefault(); 
}); 
$('#button').click(function(event){ 
    event.preventDefault(); 
}); 

Enlace de acción se cancela, pero cuando hago clic en el botón, todavía ejecuta la acción onClick
Cualquier ayuda? lo que yo quiero hacer es evitar que el botón onClick acción sin cambiar el botón html (sé cómo hacer

$('#button').removeAttr('onclick');

Answer 1

¿Quieres event.stopImmediatePropagation(); si hay varios controladores de eventos en un elemento y desea evitar que los demás ejecuten. preventDefault() simplemente bloquea la acción predeterminada (como enviar un formulario o navegar a otra URL) mientras stopImmediatePropagation() evita que el evento burbujee el árbol DOM y impide que se ejecute cualquier otro controlador de eventos en el mismo elemento

Éstos son algunos enlaces útiles que explican los diferentes métodos:

• http://api.jquery.com/event.preventDefault/
• http://api.jquery.com/event.stopPropagation/
• http://api.jquery.com/event.stopImmediatePropagation/

Sin embargo, puesto que todavía no funciona, significa que el controlador ejecuta antes onclick="" el controlador de eventos adjunto. No hay nada que pueda hacer, ya que cuando se ejecuta el código, el código onclick ya se ha ejecutado.

La solución más fácil es eliminar por completo ese manejador:

$('#button').removeAttr('onclick'); 

Incluso la adición de un detector de eventos a través de JavaScript simple (addEventListener()) con useCapture=true no ayuda - al parecer acontecimientos desencadenan en línea, incluso antes de que comience el evento descendiendo el DOM árbol.

Si simplemente no se desea eliminar el controlador porque lo necesita, sólo tiene que convertirlo en un evento adecuadamente adjunto:

var onclickFunc = new Function($('#button').attr('onclick')); 
$('#button').click(function(event){ 
    if(confirm('prevent onclick event?')) { 
     event.stopImmediatePropagation(); 
    } 
}).click(onclickFunc).removeAttr('onclick'); 

Answer 2

puede probar esto:

$('#button').show(function() { 
    var clickEvent = new Function($(this).attr('click')); // store it for future use 
    this.onclick = undefined; 
}); 

DEMO

Answer 3

necesita stopImmediatePropagation no preventDefault. preventDefault evita el comportamiento predeterminado del navegador, no el método de borboteo.

http://api.jquery.com/event.stopImmediatePropagation/

http://api.jquery.com/event.preventDefault/

Answer 4

La función preventDefault no impide que los controladores de eventos se dispare, sino más bien detiene el que tiene lugar la acción por defecto. Para los enlaces, detiene la navegación, para los botones, impide que se envíe el formulario, etc.

Lo que usted está buscando es stopImmediatePropagation.