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 :
<input id="button" type="submit">
Supposons que nous ayons deux fonctions :
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Récupérons une référence à notre bouton dans une variable :
let button = document.querySelector('#button');
Maintenant, attachons à notre bouton en tant que gestionnaires de clic à la fois la première et la deuxième fonction :
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Étant donné un paragraphe :
<p id="elem">text</p>
Étant donné les fonctions suivantes :
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Attachez toutes ces fonctions à notre paragraphe.
