So verwenden Sie Ereignisse in HTML

Ereignisse werden häufig durch Kundenvorgänge oder Browserfunktionen ausgelöst. Auch bestimmte Ereignisse können jederzeit mit JS ausgelöst werden. Dieses Mal erzähle ich Ihnen von den häufig verwendeten Ereignisideen in HTML

Ereignissimulation in DOM

Verwenden Sie die creatEvent()-Methode für das Dokumentobjekt, um ein Ereignisobjekt zu erstellen. Der Parameter ist ein String des zu erstellenden Ereignistyps.

DOM2: Alle Zeichenfolgen verwenden die englische Pluralform DOM3: Singular UIEvents: UI-Ereignisse (Mausereignisse und Tastaturereignisse werden von UI-Ereignissen geerbt) MouseEvents: Mausereignisse MutationEvents: DOM-Änderungsereignisse HTMLEvents: Verwendung und Ereignisse von HTML-Ereignissen Informationen über seine Initialisierung lösen Ereignisse aus. Verwenden Sie die Methode „dispatchEvent()“. Der Parameter ist das Ereignisobjekt, das das Ereignis ausgelöst hat. Alle DOM-Knoten , die Ereignisse unterstützen, unterstützen diese Methode

Mausereignisse simulieren

Das nach dem Erstellen des Objekts zurückgegebene Objekt verfügt über eine initMouseEvent()-Methode. Wird verwendet, um Informationen zu diesem Mausereignis anzugeben. Diese Methode empfängt 15 Parameter, die jedem typischen Attribut im Mausereignis entsprechen.

var event=document.createEvent("MouseEvents");
event.initMouseEvent("click",true,true,document.defaultView,0,0,0,0,0,false,false,false,false,0,null);
btn.dispatchEvent(event);

Tastaturereignisse simulieren

Das nach der Objekterstellung zurückgegebene Objekt verfügt über eine initKeyEvent()-Methode. DOM3 legt fest, dass ein Tastaturereignis durch Aufruf von createEvent("keyboardEvent") erstellt werden kann. Rufen Sie in Firefox createEvent("keyEvents")

auf. In anderen Browsern müssen Sie ein allgemeines Ereignis erstellen und dann dem Ereignisobjekt tastaturereignisspezifische Informationen hinzufügen.

var event=document.createEvent("Events");
event.initEvent(type,bubbles,cancelable);
event.view=document.defaultView;
...
textbox.dispatchEvent(event);

Benutzerdefinierte DOM-Ereignisse

Benutzerdefinierte Ereignisse werden nicht nativ vom DOM ausgelöst, sondern sollen Entwicklern die Möglichkeit geben, ihre eigenen Ereignisse zu erstellen. Um ein neues benutzerdefiniertes Ereignis zu erstellen, können Sie createEvent("CustomEvent") aufrufen. Das zurückgegebene Objekt verfügt über eine initCustomEvent()-Methode.

Zeitsimulation im IE

Idee: Erstellen Sie zuerst das Ereignisobjekt, zeigen Sie dann auf die entsprechenden Informationen und lösen Sie dann die Erstellung aus: document.createEventObject(), empfängt keine Parameter, das Ergebnis wird als generisches Ereignisobjekt zurückgegeben. Fügen Sie alle Informationen manuell hinzu. Rufen Sie die Methode fireEvent() auf dem Ziel auf. Parameter: EreignisverarbeitungProgrammname und Ereignisobjekt, srcElement- und Typattribute werden automatisch zum Ereignisobjekt hinzugefügt

Ich glaube, Sie beherrschen die Methode, nachdem Sie diese Fälle gelesen haben. Für weitere spannende Inhalte Bitte achten Sie auf PHP-Chinesisch. Weitere verwandte Artikel online!

Verwandte Lektüre:

Detaillierte Einführung in die HTML5-Tag-Verschachtelungsregeln

Detaillierte Einführung in das FormData-Objekt in HTML

Detaillierte Grafik- und Texterklärung der PostMessage-API in H5

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Ereignisse in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!