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 কী চাপা থাকে।