0

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

btn.addEventListener("click", function hihi(){ alert('hihi'); });

срабатывает при нажатии на кнопку,

а вариант:

function hi() {alert('HI')};
btn.addEventListener("click", hi());

срабатывает сразу при загрузке страницы.

2
  • Уберите скобки после hi тут btn.addEventListener("click", hi());
    – Lukas
    4 дек 2018 в 12:07
  • большое спасибо 4 дек 2018 в 12:30

1 ответ 1

1

Потому что hi() - это вызов фунции, а addEventListener ждёт ссылку на функцию - btn.addEventListener("click", hi).

3
  • Спасибо, а можно как-нибудь в конструкции btn.addEventListener("click", hi) передать функции hi какой-нибудь аргумент? 4 дек 2018 в 12:31
  • Можно обернуть вызов с аргументами в анонимную функцию, можно использовать замыкание, можно передать данные через атрибут элемента DOM, наконец использовать bind(). 4 дек 2018 в 12:38
  • Еще раз спасибо 4 дек 2018 в 12:43

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.