Ձևավորման ստեղների հետևում 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 ստեղնը: