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:

html<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:

javascriptlet 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');
  }
});

Задание 1

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.

Задание 2

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

html<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.