Modificētāju taustiņu izsekošana JavaScript

Izmantojot Event objektu, var uzzināt, vai notikuma brīdī bija nospiesti taustiņi Ctrl, Alt un Shift. Tas tiek darīts ar īpašību ctrlKey, altKey un shiftKey palīdzību - tām ir vērtība true vai false atkarībā no tā, vai šis taustiņš bija nospiests notikuma brīdī vai nē.

Apskatīsim piemērā. Pieņemsim, ka mums ir dota šāda poga:

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

Klikšķinot uz pogas, izvadīsim ziņojumu par to, vai bija nospiests kāds no taustiņiem Ctrl, Alt un Shift:

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

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

Dots elements. Uzstādiet tā, lai, uzklikšķinot uz tā, tas iekrāsotos sarkanā krāsā, bet tikai ja uzklikšķināšanas brīdī ir nospiests taustiņš Alt.

Pieņemsim, ka jums ir ul saraksts ar li tagiem:

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

Iestatiet tā, lai, uzklikšķinot uz jebkura li, tā teksta beigās tiktu pievienots skaitlis 1, ja ir nospiests taustiņš Ctrl, un skaitlis 2, ja ir nospiests taustiņš Shift.