jQuery တွင် အထွေထွေ on နည်းလမ်း

ဖြစ်ရပ်များချိတ်ဆက်ရန်အတွက် ယေဘုယျနည်းလမ်း on ကို လည်းသုံးနိုင်ပါသည်။ ၎င်းသည် ပထမအကြောင်းအရာအဖြစ် ဖြစ်ရပ်အမည်ကို (ဥပမာ၊ 'click') လက်ခံပြီး ဒုတိယအကြောင်းအရာအဖြစ် ချိတ်ဆက်သင့်သော function ကို လက်ခံသည်။

အောက်ပါ HTML ကုဒ်ပေါ်တွင် ဥပမာတစ်ခုကို လေ့လာကြည့်ပါမည်။

<ul>
	<li>text</li>
	<li>text</li>
	<li>text</li>
</ul>

CSS သည် ဤသို့ပုံစံရှိသည်။

li {
	width: 100px;
	cursor: pointer;
}

ယခု ကျွန်ုပ်တို့ ယခင်က li အတွက် on နည်းလမ်းဖြင့် ရေးခဲ့သောကုဒ်ကို ပြန်ရေးပါမည်။ စာရင်းအချက်များကို နှိပ်ကာ စမ်းသပ်လုပ်ဆောင်ချက်ကို စစ်ဆေးပါ။

$('li').on('click', function() {
	$(this).append('!');
});

ဖြစ်ရပ်အမျိုးအစားများစွာအတွက် function တစ်ခုတည်းကို တစ်ပြိုင်နက် ချိတ်ဆက်နိုင်သည် - ၎င်းအတွက် ယင်းတို့ကို အာကာသဖြင့် ခွဲခြားဖော်ပြရမည်: 'click mousemove စသည်'။ ဥပမာအားဖြင့်၊ ဤသို့ဖြစ်သည်။

$('li').on('click mousemove', function func() {
	$(this).append('!');
});

လင့်ခ်များအားလုံးတွင် ဖြစ်ရပ်တစ်ခုကို ချိတ်ဆက်ပါ - လင့်ခ်တစ်ခုပေါ်သို့ မောက်စ်ရွေ့ချိန်တွင် ၎င်း၏စာသား အဆုံးတွင် ၎င်း၏ href ကို ကွင်းဝိုင်းများအတွင်း ထပ်ပေါင်းရေးသွင်းပါ။

input အားလုံးတွင် ဖြစ်ရပ်တစ်ခုကို ချိတ်ဆက်ပါ - �ာရုံစိုက်မှုပျောက်ဆုံးချိန်တိုင်း input တစ်ခုစီသည် ၎င်း၏ value ကို id=#test ရှိအက်ဒ်မှတ်တစ်ခုအတွင်းသို့ ထုတ်ပြပါ။