Penjejakan Kekunci Pengubah dalam JavaScript

Dengan menggunakan objek Event, kita boleh mengetahui sama ada kekunci Ctrl, Alt dan Shift ditekan pada masa peristiwa itu berlaku. Ini dilakukan dengan menggunakan sifat ctrlKey, altKey dan shiftKey - mereka mempunyai nilai true atau false bergantung kepada sama ada kekunci itu ditekan pada masa peristiwa atau tidak.

Mari kita lihat contoh. Katakan kita mempunyai tombol berikut:

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

Pada klik tombol, kita akan memaparkan mesej tentang sama ada salah satu kekunci Ctrl, Alt dan Shift ditekan:

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

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

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