Welche Argumente gibt der addEventListener an meine Funktion weiter?

Question

Beispiel

x.addEventListener("click", function() { myFunction(this); }); 
function myFunction(obj) { 
    alert(obj.innerHTML); 
} 

den Funktionsaufruf in der anonymen Funktion sehen? Die Funktion innerhalb der anonymen Funktion hat eine Argument von "dies", meine Frage ist, welche Parameter die addEventListener Parameter sind?

Ich bin wirklich neu also bitte entschuldigen Sie meine viele fehlinform Verwendung von Wörtern.

EDIT: Ich habe schon viele Referenzen online durchgesehen wie w3schools, Mozilla Developer Network, Stackoverflow ähnliche Frage und google aber ich konnte keine Antwort finden! Wenn Sie einen Link für das haben, was ich suche, schicken Sie es mir bitte.

Answer 1

Es ist alles auf der MDN-Seite.

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

Zuhörer

Das Objekt, das eine Benachrichtigung (ein Objekt, das die Ereignisschnittstelle implementiert) empfängt, wenn ein Ereignis des angegebenen Typs auftritt. Dies muss ein Objekt sein, das die EventListener-Schnittstelle oder einfach eine JavaScript-Funktion implementiert.

Der Wert dieses innerhalb des Handlers

Wenn eine Behandlungsfunktion zu einem Elementanbringungs addEventListener(), der Wert dieses innerhalb des Handlers ist ein Verweis auf das Element. Es entspricht dem Wert der Eigenschaft currentTarget des Ereignisarguments, das an den Handler übergeben wird.

const x = document.querySelector('#x') 
 

 
x.addEventListener("click", function(event) { 
 
    console.log('this', this) // element that event was bound to 
 
    console.log('event', event) // MouseEvent object, this contains info about the event 
 
    myFunction(this) // call your function passing the clicked element 
 
}); 
 

 
function myFunction(element) { 
 
    alert(element.innerHTML) 
 
}

<div id="x">Click me!</div>