JavaScript-те клавиша-модификаторларды бақылау

Event объектісінің көмегімен, Ctrl, Alt және Shift пернелері оқиға кезінде басылған ба, жоқ па соны білуге болады. Бұл ctrlKey, altKey және shiftKey қасиеттерінің көмегімен жасалады - олар true немесе false мәнін қабылдайды, ол оқиға кезінде сәйкес перне басылғанға немесе басылмағанына байланысты.

Мысалға қарайық. Бізде келесі батырма берілсін:

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

Батырманы басқан кезде, Ctrl, Alt және Shift пернелерінің бірі басылған ба, соны білдіретін хабар шығарайық:

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

elem.addEventListener('click', function(event) {
  if (event.ctrlKey) {
    console.log('Ctrl басылды');
  }
  
  if (event.altKey) {
    console.log('Alt басылды');
  }
  
  if (event.shiftKey) {
    console.log('Shift басылды');
  }
});

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