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-ге басқан кезде, егер Ctrl пернесі басылса, оның мәтінінің соңына 1 саны қосылып, ал егер Shift пернесі басылса, 2 саны қосылатындай етіп жасаңыз.