💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
Sự kiện Click
📌
Kết luận
Dùng addEventListener('click', hàm) để bắt sự kiện nhấp chuột
📝 Mã thực tế tại đây
document.getElementById('btn').addEventListener('click', () => {
alert('Bạn vừa nhấn nút!');
});Tổng kết
-addEventListener đăng ký một hành động khi sự kiện xảy ra
- Tham số thứ nhất là tên sự kiện, thứ hai là hàm xử lý (callback)
- Có rất nhiều sự kiện khác như input, submit, mouseover...
Hãy thử trong phần bài tập
Hãy thêm sự kiện click cho nút bấm nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Khi nhấn vào nút có id='btn', hãy xuất 'Đã nhấn!' ra console.
Gợi ý khi gặp khó khăn
addEventListener('click', () => { ... })