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:

html<input id="button" type="submit">

Giả sử chúng ta có hai hàm:

javascriptfunction 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:

javascriptlet 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:

javascriptbutton.addEventListener('click', func1);
button.addEventListener('click', func2);

html<p id="elem">text</p>

javascriptfunction func1() {
  console.log('1');
}

function func2() {
  console.log('2');
}

function func3() {
  console.log('3');
}