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

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

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

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

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

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

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

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

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

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

event