Gjurmimi i Tasteve Modifikuese në JavaScript

Me ndihmën e objektit Event mund të zbuloni, nëse ishin të shtypura në momentin e ngjarjes tastet Ctrl, Alt dhe Shift. Kjo bëhet me ndihmën e vetive ctrlKey, altKey dhe shiftKey - ato kanë vlerën true ose false në varësi të faktit nëse ishte i shtypur ky tast në momentin e ngjarjes apo jo.

Le ta shohim me një shembull. Le të themi se kemi butonin e mëposhtëm:

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

Në klikim në buton do të shfaqim një mesazh për faktin nëse ishte e shtypur një nga tastet Ctrl, Alt dhe Shift:

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

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

Është dhënë një element. Bëni që me klikim mbi të, ai të ngjyroset në të kuqe, por vetëm nëse në momentin e klikimit është i shtypur tast Alt.

Le të themi se keni një listë ul me etiketa li:

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

Bëni që me klikim në çdo li, në fund të tekstit të saj të shtohet numri 1, nëse është i shtypur tast Ctrl, dhe numri 2, nëse është i shtypur tast Shift.