stopPropagation e startPropagation

Question

voglio fare un ulteriore gestore di clic (pagina del cliente, non mi posso modificare la sua js/html) e dovrebbe funzionare come questo nel mio script:

1) event.stopPropagation (pausa cliente click propagazione)
2) la mia funzione (fare la mia funzione, quando tutto è fatto fare dopo)
3) event.startPropagation (continua azione client standard)

In questo momento, il primo e il secondo lavoro. Il terzo è il problema.
Lo so event.startPropagation non esiste, ma voglio qualcosa del genere. Qualche suggerimento?

Answer 1

Non interrompere la propagazione in primo luogo.

Verificare se my function fa ciò che si desidera che faccia e quindi decidere se interrompere la propagazione o meno.

Answer 2

Aggiungere e rimuovere il gestore di clic se si desidera abilitare/disabilitare rispettivamente l'evento click. Perché event.stopPropagation() interromperà la propagazione degli eventi sul dom tree.

Aggiornamento:

Se si utilizza jQuery, utilizzare la funzione .trigger().

http://api.jquery.com/trigger/

Answer 3

È possibile riattivare lo stesso oggetto evento sul nodo padre, f.ex (jQuery). Sarà necessario copiare l'oggetto evento prima e passarlo nel grilletto al fine di catturare le stesse proprietà di evento nella bolla (f.ex e.pageX):

var copy = $.extend(true, {}, e); 
setTimeout(function() { 
    $(copy.target.parentNode).trigger(copy); 
},500); 
e.stopPropagation(); 

Demo: http://jsfiddle.net/GKkth/

EDIT

sulla base di un commento, penso che tu sia alla ricerca di qualcosa di simile a:

$.fn.bindFirst = function(type, handler) { 
    return this.each(function() { 
     var elm = this; 
     var evs = $._data(this).events; 
     if (type in evs) { 
      var handlers = evs[type].map(function(ev) { 
       return ev.handler; 
      }); 
      $(elm).unbind(type).on(type, function(e) { 
       handler.call(elm, e, function() { 
        handlers.forEach(function(fn) { 
         fn.call(elm); 
        }); 
       }); 
      }); 
     } 
    }); 
}; 

Questo prototipo consente di associare un "gestore premium" che contiene una funzione next che eseguirà tutti i gestori precedenti sullo stesso elemento quando lo si desidera. Usalo come:

$('button').click(function() { 
    console.log('first'); 
}).click(function() { 
    console.log('second'); 
}).bindFirst('click', function(e, next) { 
    console.log('do something first'); 
    setTimeout(next, 1000); // holds the other handlers for 1sec 
}); 

DEMO: http://jsfiddle.net/BGuU3/1/