JavaScript හි මොඩිෆයර් යතුරු ලුහුබැඳීම

Event වස්තුව භාවිතා කරමින්, සිදුවීමක් සිදුවන මොහොතේ Ctrl, Alt සහ Shift යතුරු එබූ දැයි දැන ගත හැකිය. මෙය සිදු කරනු ලබන්නේ ctrlKey, altKey සහ shiftKey ගුණාංග භාවිතයෙනි - ඒවාට 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 එබිණි');
	}
});

අංගයක් දී ඇත. එය ක්ලික් කිරීමේදී එය රතු පැහැයට හැරෙන සේ සකසන්න, නමුත් ක්ලික් කිරීමේ මොහොතේ Alt යතුර එබා සිටියේ නම් පමණි.

ඔබ සතුව ul ලැයිස්තුවක් සහ li ටැග් ඇතැයි සිතමු:

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

යම් li ක්ලික් කිරීමේදී, එහි පෙළ අවසානයට 1 අංකය එකතු වන සේ සකසන්න, Ctrl යතුර එබා සිටියේ නම් සහ 2 අංකය එකතු වන සේ සකසන්න, Shift යතුර එබා සිටියේ නම්.