jQuery ရှိ event အရာဝတ္ထု

ယခုအခါ jQuery ရှိ event များနှင့် မိတ်ဆက်ရန် အချိန်ရောက်ပါပြီ။

jQuery တွင် event တစ်ခု ဖြစ်ပေါ်သောအခါ event အရာဝတ္ထု event ကို ထုတ်လုပ်ပေးပြီး၊ ၎င်းတွင် event နှင့်ပတ်သက်သော အချက်အလက်အားလုံး ပါဝင်ပါသည်။ ဤ အရာဝတ္ထုကို handler function သို့ လွှဲပေးပါသည်။

ဥပမာအားဖြင့်၊ ကျွန်ုပ်တို့ မည်သည့် tag ကို ကလစ်နှိပ်နေသည်ကို သိရှိကြည့်ကြပါစို့။ အောက်ပါ HTML ကုဒ်ကို ယူကြည့်ပါမည်။

html<body>
  <div id="text"></div>
  <div>
    <p>
      <strong><span>click</span></strong>
    </p>
  </div>
</body>

CSS သည် အောက်ပါအတိုင်း ပုံစံထွက်ပေါ်နေပါသည်။

cssspan, strong, p {
  display: block;
  padding: 10px;
  border: 1px solid black;
}

ယခု ကျွန်ုပ်တို့၏ event အရာဝတ္ထု၏ event.target.nodeName ဂုဏ်သတ္တိကို အသုံးပြုကြည့်ပါမည်။ ထိုevent အရာဝတ္ထုကို click method ၏ handler function သို့ လွှဲပေးပါသည်။

javascript$('body').click(function(event) {
  $('#text').html('clicked: ' + event.target.nodeName);
});

event အရာဝတ္ထုတွင် ဂုဏ်သတ္တိများစွာနှင့် method များစွာ ပါဝင်ပါသည်။