जावास्क्रिप्ट में मॉडिफायर कुंजियों को ट्रैक करना

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 कुंजी दबी हुई हो।

मान लीजिए कि आपके पास li टैग वाली ul सूची है:

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

ऐसा करें कि किसी भी li पर क्लिक करने पर, उसके टेक्स्ट के अंत में 1 नंबर जोड़ा जाए, यदि Ctrl कुंजी दबी हुई है, और 2 नंबर, यदि Shift कुंजी दबी हुई है।