Schnittstellenobjekt von EventListener in addEventListener

Dieser Artikel stellt hauptsächlich das EventListener-Schnittstellenobjekt in addEventListener vor, das einen bestimmten Referenzwert hat. Jetzt kann ich es mit allen teilen. Freunde in Not können darauf verweisen.

Schreiben Sie es zuerst.

Fehlt Wissenspunkt: Der zweite Parameter von addEventListener kann nicht nur in einer Funktion übergeben werden, sondern auch in einem Objekt, das die EventListener-Schnittstelle implementiert.

Beschreibung im Dokument

listener

Wenn der überwachte Ereignistyp ausgelöst wird, wird ein Ereignisbenachrichtigungsobjekt (Objekt, das die Event-Schnittstelle implementiert) empfangen. listener muss ein Objekt sein, das die EventListener-Schnittstelle implementiert, oder eine Funktion

Auszug aus MDN

Ich übergebe immer eine Funktion in listener, Implementiere etwas Logik durch Abhören von Ereignissen. Allerdings sah ich, dass in der Dokumentbeschreibung zuerst „ein Objekt erwähnt wurde, das die EventListener-Schnittstelle implementiert“. Nach weiterer Betrachtung des Dokuments erfuhr ich, dass sich dieses Objekt auf ein Objekt bezieht, das die Methode handleEvent enthält.

var obj = {
   // ...
    handleEvent: function(event) {
        // ...
        console.log('event', event)
    }
}
document.body.addEventListener('click', obj, false)

Wenn das von EventListener registrierte Ereignis eintritt, wird diese Methode aufgerufen und ein Ereignisparameter wird an die Methode übergeben.

Nachdem Sie das Konzept verstanden haben, ist es an der Zeit, zu sehen, welche Vorteile dieser Wissenspunkt für die tatsächliche Entwicklung bringen kann

Anwendungen in der Entwicklung

Zum Beispiel

Das obige ist der detaillierte Inhalt vonSchnittstellenobjekt von EventListener in addEventListener. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!