stopPropagation sin jQuery

Question

que se unen a un enlace (mediante la función de jQuery .live()) click evento y luego añadir manualmente un controlador onclick evento con JS y HTML puro (como <a href="".... onclick="some action">). Quiero evitar el burbujeo del evento al método live, pero no sé cómo.

Tal e.stopPropagation() es útil en esta situación, pero el controlador de eventos añaden con onclick está escrito en JS puros y no puedo llamar stopPropagation() desde fuera del elemento de envoltura de jQuery. return false en esta situación no funciona. Traté de sustituir return false con $.Event('click').stopPropagation() pero creo que esto está mal ya que no funcionó.

Cómo evitar bubling a live() método sin jQuery envoltura?

Answer 1

Con .live, no puede detener la propagación. Esto se debe a que con .live, el controlador de eventos está vinculado a la raíz del árbol DOM. Por lo tanto, el evento debe burbujear hasta el elemento más alto antes de que pueda llamarse a su controlador. Es una de las advertencias sobre el uso de .live.

Considere usar .delegate (si desea que el controlador persista) o use .bind en su lugar.

Si desea que el controlador vivo que se desactive completamente, utiliza la matriz:

$("#myHref").die("click", aClick); // this will remove any existing event handlers 
$("#myHref").click(yourhandler); // add your handler 

Demo 1: JsFiddle 1

O agregar un controlador de línea (y cancelar el evento de allí):

<a href=".." onclick="yourhandler"> 

Demo 2: JsFiddle 2

Inline handlers will b e llamado primero siempre antes de cualquier manejador de eventos jquery.

Answer 2

estaba bajo el supuesto de que return false en manejadores de eventos "normales" impide el caso de burbujeo, así, but I was wrong (gracias @Mrchief).

hay otras maneras para detenerlo, aunque, como se describe en la quirksmode.org:

function doSomething(e) 
{ 
    if (!e) var e = window.event; 
    e.cancelBubble = true; 
    if (e.stopPropagation) e.stopPropagation(); 
} 

cancelBubble es para IE, stopPropagation obras en todos los navegadores compatibles W3C.