JavaScript-da Modifikator Tugmalarni Kuzatish

Event obyekti yordamida, hodisa paytida Ctrl, Alt va Shift tugmalari bosilganligini bilib olish mumkin. Buning uchun ctrlKey, altKey va shiftKey xususiyatlaridan foydalaniladi - ularning qiymati true yoki false bo‘lib, hodisa paytida ushbu tugma bosilgan yoki bosilmaganligiga bog‘liq.

Keling, bir misolni ko'rib chiqaylik. Faraz qilaylik, bizda quyidagi tugma mavjud:

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

Tugmacha bosilganda, Ctrl, Alt yoki Shift tugmalaridan biri bosilganligi haqida xabar chiqaramiz:

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

elem.addEventListener('click', function(event) {
	if (event.ctrlKey) {
		console.log('Ctrl bosildi');
	}
	
	if (event.altKey) {
		console.log('Alt bosildi');
	}
	
	if (event.shiftKey) {
		console.log('Shift bosildi');
	}
});

Element berilgan. Unga bosilganda u qizil rangga bo'yaladigan qiling, lekin faqat bosish paytida Alt tugmasi bosilgan bo'lsa.

Faraz qilaylik, sizda ul ro'yxati va li teglari mavjud:

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

Har qanday li ga bosilganda, uning matnining oxiriga 1 raqami qo‘shilsin, agar Ctrl tugmasi bosilgan bo‘lsa, va 2 raqami qo‘shilsin, agar Shift tugmasi bosilgan bo‘lsa.