event.target ဂုဏ်သတ္တိ
event.target ဂုဏ်သတ္တိသည် ဖြစ်ပျက်ခဲ့သည့်
အရာဝတ္ထုကို ပါဝင်သိမ်းဆည်းထားသည်။ ၎င်းသည်
ထိုဖြစ်ရပ်အတွက် လုပ်ဆောင်ချက်ချိတ်ဆက်ထားသည့်
အရာဝတ္ထုမဟုတ်ပါ။ ဥပမာအားဖြင့်၊ တိုက်ရိုက်အသာပုတ်
ခံရဆုံးသော အနက်ရှိုင်းဆုံး tag ဖြစ်သည်။
Syntax
event.target;
ဥပမာ
ကျွန်ုပ်တို့၌ div ရှိပြီး ၎င်းအတွင်းတွင် စာပိုဒ်တစ်ခုရှိသည်ဆိုပါစို့။
div အတွက် ဖြစ်ရပ်တစ်ခုချိတ်ဆက်ထားပြီး စာပိုဒ်ကို
အသာပုတ်လိုက်ပါက - ဤအခြေအနေတွင် event.target သည်
ဖြစ်ရပ်ဖြစ်ပွားခဲ့သည့် နောက်ဆုံး tag ကို ပါဝင်သိမ်းဆည်းထားမည် -
ဆိုလိုသည်မှာ စာပိုဒ်ဖြစ်ပြီး div မဟုတ်ပါ။
tagName ကိုသုံးပြီး
စစ်ဆေးကြည့်ရအောင်:
<div id="div">
<p>စာသား</p>
</div>
let div = document.querySelector('#div');
div.addEventListener('click', function(event) {
console.log(event.target); // စာပိုဒ်အတွက် link ကို ပြသမည်
});
အခြားကြည့်ရှုရန်
-
ဖြစ်ရပ်ချိတ်ဆက်ထားသည့် အရာဝတ္ထုကို ပါဝင်သိမ်းဆည်းထားသည့်
event.currentTargetဂုဏ်သတ္တိ,
-
codeဂုဏ်သတ္တိ,
အသာပုတ်ခံရသည့် ကီးဘုတ် code ကို ရယူသည် -
event.keyဂုဏ်သတ္တိ,
ရိုက်ထည့်ထားသည့် စာလုံးကို ရယူသည်