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:

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

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

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