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

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

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

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

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

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

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

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

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

button.addEventListener('click', func1);
button.addEventListener('click', func2);

စာပိုဒ် (paragraph) တစ်ခုပေးထားသည်-

<p id="elem">text</p>

အောက်ပါလုပ်ဆောင်ချက်များ (functions) ပေးထားသည်-

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

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

function func3() {
	console.log('3');
}

ဤလုပ်ဆောင်ချက်အားလုံးကို ကျွန်ုပ်တို့၏ စာပိုဒ် (paragraph) နှင့် ချိတ်ဆက်ပါ။