JavaScriptте клавиша-модификаторлорду көзөмөлдөө

Event объектисинин жардамы менен, Ctrl, Alt жана Shift клавишалары окуя учурунда басылганын билсек болот. Бул ctrlKey, altKey жана shiftKey касиеттери аркылуу жасалат - алардын мааниси true же false болот, бул окуя учурунда клавиша басылган же басылбагандыгына жараша.

Келгиле, мисалды карап көрөлү. Бизде төмөнкү баскыч берилсин:

<button id="elem">текст</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>текст</li>
	<li>текст</li>
	<li>текст</li>
	<li>текст</li>
	<li>текст</li>
</ul>

Ар бир li элементке чыкылдаганда, эгер Ctrl клавишасы басылса анын текстинин аягына 1 саны кошулсун, ал эми Shift клавишасы басылса 2 саны кошулсун.