Heim  >  Artikel  >  Web-Frontend  >  Wie JavaScript mit dem Event-Bubbling umgeht

Wie JavaScript mit dem Event-Bubbling umgeht

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-07-21 11:05:352792Durchsuche

In JavaScript können Sie die Methode event.stopPropagation() verwenden, um das Bubbling von Ereignissen zu verarbeiten. Die Methode event.stopPropagation() verhindert, dass das Ereignis zum übergeordneten Element sprudelt, und verhindert, dass übergeordnete Ereignishandler ausgeführt werden.

Wie JavaScript mit dem Event-Bubbling umgeht

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Beim Hinzufügen von Ereignissen zu Dom-Elementen kommt es manchmal vor, dass Ereignisse sprudeln. Die Verarbeitungsmethode ist wie folgt:

Führen Sie event.stopPropagation aus, um zu verhindern, dass das Ereignis sprudelt

$("#Tab1 .close").live("click", function (event) {
droptab(this);//业务逻辑处理函数 
event.preventDefault();
event.stopPropagation();
return false;
});

event.stopPropagation() Methode, um zu verhindern, dass das Ereignis in das übergeordnete Element übergeht und so verhindert, dass übergeordnete Ereignishandler ausgeführt werden. event.stopPropagation() 方法阻止事件冒泡到父元素,阻止任何父事件处理程序被执行。

提示:请使用 event.isPropagationStopped()

Tipps: Bitte verwenden Sie die Methode event.isPropagationStopped(), um zu überprüfen, ob diese Methode bei dem angegebenen Ereignis aufgerufen wird.

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

】🎜

Das obige ist der detaillierte Inhalt vonWie JavaScript mit dem Event-Bubbling umgeht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn