Verskeie gebeurtenishanteerders vir een gebeurtenis in JavaScript

Meer as een funksie kan aan een element gekoppel word. Kom ons kyk na 'n voorbeeld. Kom ons sê ons het 'n knoppie:

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

Kom ons sê ons het twee funksies:

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

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

Kry 'n verwysing na ons knoppie in 'n veranderlike:

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

En kom ons koppel nou beide die eerste en die tweede funksies aan ons knoppie as klikhanteerders:

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');
}