Einführung in das Anwendungsbeispiel für Event-Bubbling des Ereignisobjekts e in jQuery

Einführung in das Anwendungsbeispiel für Event-Bubbling des Ereignisobjekts e in jQuery_jquery

WBOY

Freigeben： 2016-05-16 16:51:08

Original

1566 Leute haben es durchsucht

Als ich das Handbuch zuvor durchgesehen habe, habe ich das Konzept der Ereignisobjekte nicht gesehen. Was ich damals erreichen wollte, war, auf ein Textfeld zu klicken, um ein Dropdown-Mehrfachauswahlfeld anzuzeigen Das Unschärfeereignis wird ausgelöst, wodurch das Dropdown-Feld ausgeblendet wird. Aber wenn ich das Mehrfachauswahlfeld auswählen möchte, wird es ausgeblendet und ich kann es nicht auswählen. Das macht mich sehr deprimiert. Nachdem ich einen Tag lang die Informationen überprüft hatte, verlor ich schließlich den Fokus. Ich habe im Internet ein Event-Sprudel-Ding gefunden und festgestellt, dass ich diese Funktion erreichen kann, indem ich darauf klicke.

e.stopPropagation() verhindert, dass Ereignisse sprudeln

Code kopieren Der Code lautet wie folgt:

 
 span> 
 
Sehen wir uns zuerst diesen Code an: 
 
Code kopieren

Der Code lautet wie folgt:

Wir werden eine Situation wie diese sehen: Span-Alarm -> Dies wird als Event-Bubbling bezeichnet. Das heißt, von unten nach oben, von innen nach außen werden Ereignisse der Reihe nach ausgelöst. Die Bedingungen, die nacheinander ausgelöst werden können, sind mehrere verschachtelte Tags mit demselben Ereignis. Alle Ereignisse treten gleichzeitig und gleichzeitig auf, und die Reaktion auf dasselbe Ereignis wird von innen nach außen realisiert.

Was sollten wir manchmal tun, wenn wir nicht wollen, dass Ereignisse in die Luft sprudeln?

Code kopieren

Der Code lautet wie folgt:

zum Textfeld und zur Dropdown-Box hinzufügen, sodass das Dokument das Ereignis nicht auslöst, wenn Sie erneut darauf klicken.

Wenn Sie ereignisbezogene Informationen erhalten möchten, müssen Sie der Wissensmethode ein E-Objekt hinzufügen. E ist das Ereignisobjekt. 

e.preventDefault() verhindert das Standardverhalten von Ereignissen. 

Code kopieren

 Der Code lautet wie folgt:

$("a").click( function (e ) {
alert("Standardverhalten ist verboten");
e.preventDefault(
}); com" >Test

return false entspricht dem gleichzeitigen Aufruf von e.preventDefault() und e.stopPropagation() return false Zusätzlich zur Verhinderung des Standardwerts Verhalten. Verhindert auch, dass Ereignisse in die Luft sprudeln. Wenn Sie einen JQuery-Quellcode haben, können Sie den folgenden Code überprüfen:

Kopieren Sie den Code

 Der Code lautet wie folgt: 

if (ret===false){

Event.preventDefault();
event.stopPropagation(}