Ошибка при добавлении функции addEventListener()

Я пытаюсь добавить функцию прослушивателя событий, но по какой-то причине она терпит неудачу. Смотрите пример:Ошибка при добавлении функции 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>

При нажатии на "жми меня !!!" текст ничего не делает, кроме того функция showPopup() срабатывает один раз.

Я глубоко извиняюсь за этот тривиальный вопрос, но я трачу слишком много времени, чтобы увидеть ошибку.

Thanx много

источник

2016-12-06 lyborko

' ("щелчок", showPopup()) 'должны быть просто' ("щелчок", showPopup) '. Вы хотите передать * функцию *, а не запускать ее. –

eh ... Я снял скобки на showPopup(), он отлично работает ...: - / – lyborko

Вы не должны выполнять функции, но передать его:

Вместо этого:

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

сделать:

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

источник

2016-12-06 20:34:24 trincot

Попробуйте

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

удалены () в showPopup

источник

2016-12-06 20:34:32 Dave

Ошибка при добавлении функции addEventListener()

ответ

Смежные вопросы