Opvolg van Modifiseertoetsse in JavaScript

Met behulp van die Event objek kan jy uitvind of die Ctrl, Alt en Shift toetse op die oomblik van die gebeurtenis gedruk was. Dit word gedoen met behulp van die eienskappe ctrlKey, altKey en shiftKey - hulle het die waarde true of false afhangende van of daardie toets op die oomblik van die gebeurtenis gedruk was of nie.

Kom ons kyk na 'n voorbeeld. Gestel ons het die volgende knoppie:

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

Met 'n klik op die knoppie sal ons 'n boodskap uitdruk oor of een van die toetse Ctrl, Alt en Shift gedruk was:

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

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

Gegewe 'n element. Maak dit so dat dit met 'n klik daarop rooi kleur, maar slegs as die Alt toets op die oomblik van die klik gedruk is.

Gestel jy het 'n ul lys met li tags:

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

Maak dit so dat met 'n klik op enige li, die nommer 1 aan die einde van die teks daarvan bygevoeg word, as die Ctrl toets gedruk is, en die nommer 2, as die Shift toets gedruk is.