Pelbagai Pengendali untuk Satu Peristiwa dalam JavaScript

Beberapa fungsi boleh diikat kepada satu elemen sekali gus. Mari kita lihat contoh. Katakan kita ada butang:

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

Katakan kita ada dua fungsi:

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

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

Dapatkan rujukan kepada butang kita dalam pembolehubah:

javascriptlet button = document.querySelector('#button');

Sekarang mari kita ikat kepada butang kita sebagai pengendali klik kedua-dua fungsi pertama dan kedua:

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

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

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

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

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