Ereignisse in JS sprudeln standardmäßig und werden Schicht für Schicht propagiert. Sie können die Ausbreitung von Ereignissen in der DOM -Ebene durch die Funktion "stopPropagation () stoppen. Wie im folgenden Beispiel:
HTML -Code:
<! DocType html> <html> <head> <meta charset = "utf-8"/> <title> stopPropagation ()-verwendet von Qiongtai blog </title> </head> <body> <button> Button </button document.GetElementsByTagName ('Schaltfläche') [0]; Schaltfläche.onclick = Funktion (Ereignis) {alert ('Schaltfläche Klick');}; document.body.onclick = function (Ereignis) {alert ('Body Click');}Die DOM verbreitet die Ebene für Ebene nach oben. Klicken Sie auf die Schaltfläche auch auf die Körperschicht, sodass das Klicken der Körperschicht auch reagiert. Infolgedessen tauchen zwei Warnboxen auf, nämlich Knopf und Körper.
StopPropagation hinzugefügt ()
var button = document.getElementsByTagName ('Schaltfläche') [0]; Schaltfläche.onclick = Funktion (Ereignis) {alert ('Schaltfläche Klick'); // STOPT DIE DOM -Ereignishierarchie -Ausbreitung Ereignis.StopPropagation ();}; document.body.onclick = function (Ereignis) {alert ('Body Click');}Die Funktion "StopPropagation () wird in der Klick -Ereignis -Handhabungsfunktion der Schaltfläche verwendet, um die Ereignisausbreitungsfunktion zu stoppen. Nach dem Warnfeld von der Schaltfläche" Klicken Sie "Ereignis. Der Körper kann nicht weitergegeben werden, und das Warnbox des Körpers wird nicht erneut angezeigt. Infolgedessen wird das Warnbox nur einmal besprochen.
Beim Schreiben von JS ignorieren viele Kinderschuhe oft die Eigenschaften von DOM -Ereignissen, die Schicht für Schicht verbreiten, was zu Anomalien im Programm führt. Wenn Sie ein ausführlicheres Wissen kennen müssen, finden Sie Informationen über das Sprudeln von JS-Ereignissen.