← Все вопросы
Как повесить обработчик клика на кнопку в JavaScript?
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', ...).
Ваш ответ
Войдите, чтобы ответить на вопрос.