Sporing af modificeretaster i JavaScript

Ved hjælp af objektet Event kan man finde ud af, om Ctrl, Alt og Shift-tasterne var trykket ned i begivenhedens øjeblik. Dette gøres med hjælp af egenskaberne ctrlKey, altKey og shiftKey - de har værdien true eller false afhængigt af om tasten var trykket ned i begivenhedens øjeblik eller ej.

Lad os se på et eksempel. Antag at vi har følgende knap:

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

Ved klik på knappen vil vi vise en besked om, hvorvidt en af Ctrl, Alt og Shift-tasterne var trykket ned:

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

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

Der gives et element. Gør sådan, at ved klik på det farves det i rød, men kun hvis Alt-tasten er trykket ned i klikkets øjeblik.

Antag at du har en liste ul med tags li:

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

Gør sådan, at ved klik på enhver li, bliver tallet 1 tilføjet til slutningen af dens tekst, hvis Ctrl-tasten er trykket ned, og tallet 2, hvis Shift-tasten er trykket ned.