new Event ကိန်းများ

new Event ကိန်းများသည် ဖြစ်ရပ် တည်ဆောက်သူဖြစ်ပြီး၊ ၎င်းကိုအသုံးပြု၍ ဖြစ်ရပ်အရာဝတ္ထုကို ဖန်တီးနိုင်ကာ ထို့နောက် dispatchEvent နည်းလမ်းဖြင့် JavaScript မှ ထိုဖြစ်ရပ်ကို ခေါ်ယူနိုင်သည်။ ဤသို့လုပ်ဆောင်ရန် လိုအပ်သည်မှာ - သုံးစွဲသူ၏ ခလုတ်နှိပ်ခြင်း၊ ဖောင်တင်လွှာပေးပို့ရန် ကြိုးစားခြင်းစသည်တို့ကို တုပရန်ဖြစ်သည်။ ဤသို့ဖြစ်ရပ်တွင် ဖြစ်ရပ်သည် အမှန်တကယ်ဖြစ်ရပ်နှင့် event.isTrusted ဂုဏ်သတ္တိမှလွဲ၍ ဘာမှမခြားနားပါ။ စံနမူနာမဟုတ်သော (သင်ဖန်တီးထားသည့်) အမည်များဖြင့် ဖြစ်ရပ်များကိုပင် ဖန်တီးနိုင်ပြီး ထို့နောက် လိုအပ်သောအချိန်တွင် ၎င်းတို့ကို ခေါ်ယူနိုင်သည်။

ဝါကျဖွဲ့စည်းပုံ

new Event(ဖြစ်ရပ် အမျိုးအစား, [အလံများ]);

နမူနာ

ကျွန်ုပ်တို့တွင် ခလုတ်တစ်ခုရှိသည်ဆိုပါစို့။ ထိုခလုတ်ကို နှိပ်လိုက်သောအခါ မက်ဆေ့ချ်တစ်ခုကို ပြသသည်။ ကြွက်ကို ခလုတ်ပေါ်တွင် မောင်းနှင်လိုက်သောအခါ ထိုခလုတ်သည် ၎င်းကို နှိပ်လိုက်သည်ဟု ထင်မှတ်စေရန် ပြုလုပ်ကြပါစို့။

<button id="button">ခလုတ်</button>

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

button.addEventListener('click', function() {
	alert('မက်ဆေ့ချ်');
});

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // ဖြစ်ရပ်ကို ဖန်တီးခြင်း
	this.dispatchEvent(clickEvent); // ခလုတ်ကို နှိပ်သည်ဟု တုပခြင်း
});

နမူနာ

ကိုယ်ပိုင် ဖြစ်ရပ်များ (ကိုယ်ပိုင်အမည်ဖြင့်) ကို ဖန်တီးနိုင်ပြီး ထို့နောက် လိုအပ်သောအချိန်တွင် ၎င်းတို့ကို ခေါ်ယူနိုင်သည်။ ခလုတ်သို့ showMessage ဖြစ်ရပ်ကို ချိတ်ဆက်ပြီး ကြွက်ကို မောင်းနှင်လိုက်သောအခါ ထိုဖြစ်ရပ်ကို စတင်စေကြပါစို့။

<button id="button">ခလုတ်</button>

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

button.addEventListener('showMessage', function() {
	alert('မက်ဆေ့ချ်');
});

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // ဖြစ်ရပ်ကို ဖန်တီးခြင်း
	this.dispatchEvent(showMessageEvent); // ဖြစ်ရပ် ဖြစ်ပွားမှုကို ခေါ်ယူခြင်း
});

ဤအကြောင်းကိုလည်း ကြည့်ပါ

addEventListener ဂုဏ်သတ္တိ,
သည်ဖြစ်ရပ်များကို ချိတ်ဆက်ပေးသည်
removeEventListener ဂုဏ်သတ္တိ,
သည်ဖြစ်ရပ်များမှ ဖြုတ်ပေးသည်