stopPropagation und startPropagation

Question

Ich möchte einen zusätzlichen Klick-Handler machen (Client-Seite kann nicht sein js/html ändern), und es sollte in meinem Skript wie folgt funktionieren:

1) event.stopPropagation (Pause Client Klick Propagation)
2) meine Funktion (nicht meine Funktion, wenn alles als nächstes zu tun ist, tun)
3) event.startPropagation (weiterhin Standard-Client Aktion)

Gerade jetzt, die erste und die zweite Arbeit. Das dritte ist das Problem.
Ich weiß event.startPropagation nicht existiert, aber ich will, dass so etwas. Irgendwelche Hinweise?

Answer 1

Sie stoppen Ausbreitung in erster Linie nicht.

Testen Sie, ob my function das tut, was Sie wollen, und entscheiden Sie dann, ob Sie die Verbreitung stoppen wollen oder nicht.

Answer 2

Hinzufügen und den Click-Handler entfernen, wenn Sie möchten, jeweils das Click-Ereignis aktivieren/deaktivieren. Weil event.stopPropagation() die Ereignisse davon abhält, den Dom-Baum weiter zu verbreiten.

Update:

Wenn Sie jQuery verwenden, verwenden .trigger() Funktion.

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

Answer 3

Sie können wieder lösen die gleiche Ereignisobjekts auf dem Eltern-Knoten, f.ex (jQuery). Sie müssen das Ereignisobjekt zuerst kopieren und in den Trigger passieren, um die gleichen Ereigniseigenschaften in der Blase (f.ex e.pageX) zu erfassen:

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

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

EDIT

Basierend auf Ihren Kommentar, ich glaube, Sie nach etwas suchen, wie:

$.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); 
        }); 
       }); 
      }); 
     } 
    }); 
}; 

Dieser Prototyp ermöglicht es Ihnen, ein „Premium-Handler“ zu binden, die eine next Funktion enthält, die alle bisherigen Handler auf das gleiche Element ausgeführt wird, wenn Sie wollen. Verwenden Sie es wie:

$('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/