Mai multe manipulatoare pentru un singur eveniment în JavaScript
La un element pot fi atașate mai multe funcții deodată. Să vedem un exemplu. Să presupunem că avem un buton:
<input id="button" type="submit">
Să presupunem că avem două funcții:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Să obținem referința la butonul nostru într-o variabilă:
let button = document.querySelector('#button');
Și acum să atașăm la butonul nostru atât prima, cât și a doua funcție ca manipulatoare pentru click:
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Este dat un paragraf:
<p id="elem">text</p>
Sunt date următoarele funcții:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Atașați toate aceste funcții la paragraful nostru.
