Nhiều trình xử lý cho một sự kiện trong JavaScript
Một phần tử có thể được gắn nhiều hàm cùng một lúc. Hãy xem ví dụ. Giả sử chúng ta có một nút:
<input id="button" type="submit">
Giả sử chúng ta có hai hàm:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Lấy tham chiếu đến nút của chúng ta vào một biến:
let button = document.querySelector('#button');
Và bây giờ hãy gắn cho nút của chúng ta làm trình xử lý sự kiện click cả hàm thứ nhất, và hàm thứ hai:
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Cho một đoạn văn:
<p id="elem">text</p>
Cho các hàm sau:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Gắn tất cả các hàm này vào đoạn văn của chúng ta.
