← Все вопросы

Как повесить обработчик клика на кнопку в JavaScript?

Задан 5 месяцев назад1.1к просмотров3 ответа
13

Есть кнопка, хочу чтобы по клику что-то происходило. Как правильно это сделать?

3 ответа

28
✓ Принятый ответ — помог автору

Через addEventListener:

const btn = document.querySelector('#myBtn');

btn.addEventListener('click', () => {
  console.log('кликнули!');
});

Первый аргумент — тип события ('click', 'input', 'submit'...), второй — функция, которая выполнится при событии. Внутри можно получить сам объект события:

btn.addEventListener('click', (event) => {
  console.log(event.target); // кнопка, по которой кликнули
});

Плюс addEventListener в том, что можно повесить несколько обработчиков на одно событие, в отличие от старого btn.onclick = ..., который перезатирает предыдущий.

15

el.addEventListener('click', handler). И не вызывай функцию сразу: пиши handler, а не handler() — иначе она сработает один раз при навешивании, а не по клику.

Евгений Ссссссссссссссссс вот на этом я и попался, спасибо 🙏 · 4 месяца назад
5

Через addEventListener('click', ...).

Ваш ответ

Войдите, чтобы ответить на вопрос.
Поддержать проект