Wie löse ich programmgesteuert Ereignisse in JavaScript aus?

Ereignisse programmgesteuert in JavaScript auslösen

In JavaScript werden Ereignisse normalerweise mithilfe der addEventListener-Methode an ein bestimmtes Element angehängt. Es kann jedoch vorkommen, dass Sie ein Ereignis programmgesteuert über eine andere Funktion auslösen müssen. Ich werde diese Methode erklären.

In der Vergangenheit wurden hauptsächlich zwei Methoden zum Auslösen von Ereignissen verwendet: fireEvent (IE 8 und niedriger) und DispatchEvent (die meisten anderen Browser). Die Methode initEvent wird jedoch nicht mehr empfohlen.

Der moderne Ansatz besteht darin, je nach Browserunterstützung ein Ereignis mit „createEvent“ oder „createEventObject“ zu erstellen und es mit „dispatchEvent“ auszulösen.

Unten finden Sie Beispielcode, der das dataavailable-Ereignis für ein bestimmtes Element auslöst.

var event; // カスタムイベント

if (document.createEvent) {
    // W3C の dispatchEvent を使用
    event = document.createEvent("HTMLEvents");
    event.initEvent("dataavailable", true, true);
    event.eventName = "dataavailable";
    element.dispatchEvent(event);
} else {
    // IE 8 以下用の fireEvent を使用
    event = document.createEventObject();
    event.eventName = "dataavailable";
    event.eventType = "dataavailable";
    element.fireEvent("on" + event.eventType, event);
}

Dieser Code erstellt ein benutzerdefiniertes Ereignis für das dataavailable-Ereignis und löst es programmgesteuert für das angegebene Elementelement aus.

Das obige ist der detaillierte Inhalt vonWie löse ich programmgesteuert Ereignisse in JavaScript aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!