Seguimiento de teclas modificadoras en JavaScript

Usando el objeto Event podemos saber si las teclas Ctrl, Alt y Shift estaban presionadas en el momento del evento. Esto se hace usando las propiedades ctrlKey, altKey y shiftKey - tienen un valor de true o false dependiendo de si esa tecla estaba presionada en el momento del evento o no.

Veamos un ejemplo. Supongamos que tenemos el siguiente botón:

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

Al hacer clic en el botón, mostraremos un mensaje indicando si una de las teclas Ctrl, Alt y Shift estaba presionada:

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

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

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