Sporing av modifisertaster i JavaScript

Ved hjelp av Event-objektet kan vi finne ut om Ctrl, Alt og Shift-tastene var trykket ned i øyeblikket hendelsen inntraff. Dette gjøres ved hjelp av egenskapene ctrlKey, altKey og shiftKey - de har verdien true eller false avhengig av om tasten var trykket ned i hendelsesøyeblikket eller ikke.

La oss se på et eksempel. Anta at vi har følgende knapp:

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

Ved klikk på knappen skal vi vise en melding om hvorvidt en av tastene Ctrl, Alt og Shift 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');
	}
});

Gitt et element. Gjør slik at når det klikkes på det, farges det rødt, men bare hvis Alt-tasten er trykket ned i klikkøyeblikket.

Anta at du har en liste ul med li-tagger:

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

Gjør slik at når du klikker på en hvilken som helst li, legges tallet 1 til på slutten av teksten hvis Ctrl-tasten er trykket ned, og tallet 2 hvis Shift-tasten er trykket ned.