event.target ဂုဏ်သတ္တိ

event.target ဂုဏ်သတ္တိသည် ဖြစ်ပျက်ခဲ့သည့် အရာဝတ္ထုကို ပါဝင်သိမ်းဆည်းထားသည်။ ၎င်းသည် ထိုဖြစ်ရပ်အတွက် လုပ်ဆောင်ချက်ချိတ်ဆက်ထားသည့် အရာဝတ္ထုမဟုတ်ပါ။ ဥပမာအားဖြင့်၊ တိုက်ရိုက်အသာပုတ် ခံရဆုံးသော အနက်ရှိုင်းဆုံး tag ဖြစ်သည်။

Syntax

javascriptevent.target;

ဥပမာ

ကျွန်ုပ်တို့၌ div ရှိပြီး ၎င်းအတွင်းတွင် စာပိုဒ်တစ်ခုရှိသည်ဆိုပါစို့။ div အတွက် ဖြစ်ရပ်တစ်ခုချိတ်ဆက်ထားပြီး စာပိုဒ်ကို အသာပုတ်လိုက်ပါက - ဤအခြေအနေတွင် event.target သည် ဖြစ်ရပ်ဖြစ်ပွားခဲ့သည့် နောက်ဆုံး tag ကို ပါဝင်သိမ်းဆည်းထားမည် - ဆိုလိုသည်မှာ စာပိုဒ်ဖြစ်ပြီး div မဟုတ်ပါ။ tagName ကိုသုံးပြီး စစ်ဆေးကြည့်ရအောင်:

html<div id="div">
  <p>စာသား</p>
</div>
javascriptlet div = document.querySelector('#div');

div.addEventListener('click', function(event) {
  console.log(event.target); // စာပိုဒ်အတွက် link ကို ပြသမည်
});

အခြားကြည့်ရှုရန်

  • ဖြစ်ရပ်ချိတ်ဆက်ထားသည့် အရာဝတ္ထုကို ပါဝင်သိမ်းဆည်းထားသည့် event.currentTarget ဂုဏ်သတ္တိ,
  • code ဂုဏ်သတ္တိ,
    အသာပုတ်ခံရသည့် ကီးဘုတ် code ကို ရယူသည်
  • event.key ဂုဏ်သတ္တိ,
    ရိုက်ထည့်ထားသည့် စာလုံးကို ရယူသည်