JavaScript တွင် မော်ဒီဖိုင်ယာကီးများကို ခြေရာခံခြင်း

Event object ကို အသုံးပြု၍ Ctrl၊ Alt နှင့် Shift ကီးများ ဖြစ်ရပ်တစ်ခုဖြစ်ချိန်တွင် နှိပ်ထားခဲ့သလား သိရှိနိုင်ပါသည်။ ဤသို့လုပ်ဆောင်ရန် ctrlKey၊ altKey နှင့် shiftKey properties များကို အသုံးပြုပါသည် - ၎င်းတို့တွင် true သို့မဟုတ် false တန်ဖိုးများရှိပြီး ထိုကီးကို ဖြစ်ရပ်ဖြစ်ချိန်တွင် နှိပ်ထားခဲ့သလား မနှိပ်ထားခဲ့သလား ဆိုသည်ကို မူတည်ပါသည်။

ဥပမာတစ်ခုဖြင့် ကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် အောက်ပါခလုတ်တစ်ခုရှိသည်ဟု ဆိုကြပါစို့။

<button id="elem">text</button>

ခလုတ်ကို ကလစ်နှိပ်ပါက Ctrl၊ Alt နှင့် Shift ကီးများအနက် တစ်ခုခုကို နှိပ်ထားခဲ့သလား ဆိုသည်ကို သတင်းစကားထုတ်ပြပါမည်။

let elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
	if (event.ctrlKey) {
		console.log('Ctrl နှိပ်ထားသည်');
	}
	
	if (event.altKey) {
		console.log('Alt နှိပ်ထားသည်');
	}
	
	if (event.shiftKey) {
		console.log('Shift နှိပ်ထားသည်');
	}
});

Element တစ်ခုကိုပေးထားသည်။ ၎င်းကို ကလစ်နှိပ်သောအခါ အနီရောင်အဖြစ် ပြောင်းလဲသွားစေရန် ပြုလုပ်ပါ၊ သို့သော် ကလစ်နှိပ်ချိန်တွင် Alt ကီး နှိပ်ထားမှသာ ဖြစ်စေရပါမည်။

သင့်တွင် ul စာရင်းတစ်ခုနှင့် li tags များရှိသည်ဟု ဆိုကြပါစို့။

<ul id="elem">
	<li>text</li>
	<li>text</li>
	<li>text</li>
	<li>text</li>
	<li>text</li>
</ul>

မည်သည့် li ကိုမဆို ကလစ်နှိပ်သောအခါ၊ Ctrl ကီး နှိပ်ထားပါက ၎င်း၏စာသားအဆုံးတွင် 1 ကို ပေါင်းထည့်ပေးပါ၊ Shift ကီး နှိပ်ထားပါက 2 ကို ပေါင်းထည့်ပေးပါ။