Suivi des touches modificateurs en JavaScript

Avec l'objet Event, on peut savoir si les touches Ctrl, Alt et Shift étaient enfoncées au moment de l'événement. Cela se fait à l'aide des propriétés ctrlKey, altKey et shiftKey - elles ont une valeur true ou false selon que cette touche était enfoncée au moment de l'événement ou non.

Voyons un exemple. Supposons que nous ayons le bouton suivant :

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

Lors d'un clic sur le bouton, nous afficherons un message indiquant si l'une des touches Ctrl, Alt et Shift était enfoncée :

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

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

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