JavaScript-də bir hadisə üçün bir neçə işləyici
Bir elementə bir anda bir neçə funksiya bağlamaq olar. Nümunəyə baxaq. Tutaq ki, bir düyməmiz var:
<input id="button" type="submit">
Tutaq ki, iki funksiyamız var:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Düyməmizə istinadı dəyişənə əldə edək:
let button = document.querySelector('#button');
İndi isə düyməmizə klik işləyicisi kimi həm birinci, həm də ikinci funksiyanı bağlayaq:
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Abzas verilib:
<p id="elem">text</p>
Aşağıdakı funksiyalar verilib:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Bütün bu funksiyaları abzasımıza bağlayın.