JavaScript တွင် အဖြစ်အပျက်တစ်ခုအတွက် လက်ခံသည့်အရာ (Handlers) အများအပြား

ဒြပ်စင် (element) တစ်ခုတည်းကို လုပ်ဆောင်ချက် (functions) အများအပြားချိတ်ဆက်နိုင်ပါသည်။ ဥပမာတစ်ခုကို ကြည့်ကြရအောင်။ ကျွန်ုပ်တို့တွင် ခလုတ်တစ်ခုရှိသည်ဆိုပါစို့-

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

ကျွန်ုပ်တို့တွင် လုပ်ဆောင်ချက် (functions) နှစ်ခုရှိသည်ဆိုပါစို့-

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

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

ကျွန်ုပ်တို့၏ ခလုတ်ကို variable ထဲသို့ reference ရယူကြပါစို့-

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

ယခု ကျွန်ုပ်တို့၏ ခလုတ်အား click handler အဖြစ် ပထမနှင့် ဒုတိယ လုပ်ဆောင်ချက် (functions) နှစ်ခုလုံးကို ချိတ်ဆက်ကြည့်ပါ-

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