Fehler beim Hinzufügen von Funktion zu addEventListener()

Ich versuche, Ereignis-Listener-Funktion hinzuzufügen, aber aus irgendeinem Grund schlägt es fehl. Siehe Beispiel:Fehler beim Hinzufügen von Funktion zu addEventListener()

<!DOCTYPE html> 
<html> 
    <head> 
     <script>  
     function loaded(){ 
       document.getElementById("first").addEventListener("click", showPopup()); 

     } 


     function showPopup(){ 
      alert('hello'); 
     } 


</script> 
    </head> 
    <body onload="loaded()">   
     <div id="first"> 
      click me !!! 
     </div> 
    </body> 
</html>

Ein Klick auf das "me klicken !!!" text do nothing, außerdem wird die showPopup() -Funktion einmal ausgelöst.

Ich entschuldige mich tief für diese triviale Frage, aber ich verbringe zu viel Zeit, um den Fehler zu sehen.

Thanx viel

Quelle

2016-12-06 lyborko

' ("Klick", showpopup()) 'sollte gerade sein,' ("Klick", showpopup) '. Sie möchten die * Funktion * übergeben, nicht ausführen. –

eh ... Ich habe Klammern auf showPopup() entfernt, es läuft gut ...: - / – lyborko

Sie sollten die Funktion nicht ausführen, aber es passieren:

Statt dessen:

document.getElementById("first").addEventListener("click", showPopup());

tun:

document.getElementById("first").addEventListener("click", showPopup);

Quelle

2016-12-06 20:34:24 trincot

dieses

Versuchen

document.getElementById("first").addEventListener("click", showPopup);

entfernt () in showPopup

Quelle

2016-12-06 20:34:32 Dave

Fehler beim Hinzufügen von Funktion zu addEventListener()

Antwort

Verwandte Themen