JavaScript ရှိ Event Model ၏ Asynchronous သဘောတရား

addEventListener နည်းလမ်းကို အသုံးပြု၍ စာမျက်နှာအကြောင်းအရာများတွင် ဖြစ်ပေါ်လာသော အမျိုးမျိုးသော အခြေအနေများကို စာရင်းသွင်းနိုင်သည်ကို သင်သိပြီးဖြစ်သည်။ ဥပမာအားဖြင့်၊ elem ဟူသော ကိန်းရှင်၌ သိမ်းဆည်းထားသည့် အချို့သော အကြောင်းအရာများပေါ်တွင် ကလစ်နှိပ်ခြင်းကို စာရင်းသွင်းကြည့်ကြပါစို့။

elem.addEventListener('click', function() {
	console.log('1');
});

console.log('2');

ဖော်ပြပါကုဒ်တွင် ပထမဦးစွာ ဒုတိယ console အထွက် လုပ်ဆောင်ပါလိမ့်မည်။ သို့ဆိုလျှင် ပထမ console အထွက်ကို မည်သည့်အချိန်တွင် လုပ်ဆောင်မည်နည်း။ မည်သည့်အချိန်တွင်မဆို - ဤကုဒ်၏ လုပ်ဆောင်ချက်သည် ဖြစ်ပျက်လာသော အခြေအနေ - အကြောင်းအရာပေါ်တွင် ကလစ်နှိပ်ခြင်း - ကို စောင့်မျှော်နေပါသည်။ ဤသို့ဖြစ်ပျက်သည်နှင့် တပြိုင်နက် ကျွန်ုပ်တို့၏ကုဒ် လုပ်ဆောင်ပါလိမ့်မည်။

ကွန်ဆိုးတွင် ဂဏန်းများ မည်သည့်အစဉ်အတိုင်း ပေါ်လာမည်ကို ရှင်းပြပါ။

elem1.addEventListener('click', function() {
	console.log('1');
});
elem2.addEventListener('click', function() {
	console.log('2');
});