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:

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

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

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