Gestionnaires multiples pour un événement en JavaScript

Il est possible de lier plusieurs fonctions à un même élément. Regardons un exemple. Supposons que nous ayons un bouton :

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

Supposons que nous ayons deux fonctions :

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

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

Récupérons une référence à notre bouton dans une variable :

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

Maintenant, attachons à notre bouton en tant que gestionnaires de clic à la fois la première et la deuxième fonction :

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