Ich verwende einen delegierten Ereignishandler (jQuery) in meinem JavaScript-Code, damit beim Klicken auf dynamisch hinzugefügte Schaltflächen etwas passiert.

Ich frage mich, gibt es Leistungsnachteile dazu?

// Delegated event handler
$(document).on('click', '#dynamicallyAddedButton', function(){
    console.log("Hello");
});

Wie würde es mit dieser Leistung vergleichen?

// Regular event handler
$("#regularButton").on('click', function(){
    console.log("Hello Again");
});

Mit Blick auf diejQuery documentation, es scheint, dass Ereignisse immer den ganzen Weg in den DOM-Baum sprudeln. Bedeutet das, dass ein Ereignis umso länger dauert, je weiter ein Element verschachtelt ist?

Bearbeiten:Ist die Verwendung der Ereignisdelegierung von JavaScript ein Leistungsvorteil, anstatt der von jQuery? stellt eine ähnliche Frage, und die Antwort dort ist nützlich. Ich frage mich, was der Unterschied zwischen der Verwendung eines regulären Ereignishandlers und eines delegierten Ereignishandlers ist. Die verknüpften Fragen lassen es scheinen, als würden Ereignisse den DOM-Baum ständig sprudeln lassen. Bei einem delegierten Ereignishandler sprudelt das Ereignis nach oben und dann wieder nach unten zum angegebenen Element?