JavaScriptда Клавиш-модификаторларни Kuzatish

Event объекти ёрдамида Ctrl, Alt ва Shift тугмалари вокеа paytida босилган-босилмаганини билиш мумкин. Бу ctrlKey, altKey ва shiftKey хоссалари ёрдамида амалга оширилади - улар true ёки false қийматларига эга, вокеа paytida у тугма босилган ёки босилмаганлигига қараб.

Келгина, мисол билан кўрамиз. Бизда куйидаги тугма бор деб фараз қилайлик:

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>