JavaScript'te Klavye Kısayol Tuşlarını Takip Etme

Event nesnesi kullanılarak, bir olay anında Ctrl, Alt ve Shift tuşlarına basılıp basılmadığı öğrenilebilir. Bu, ctrlKey, altKey ve shiftKey özellikleri ile yapılır - bu özellikler, olay anında ilgili tuşa basılıp basılmamasına bağlı olarak true veya false değerine sahiptir.

Bir örnek üzerinden inceleyelim. Aşağıdaki butonumuz olsun:

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

Butona tıklandığında, Ctrl, Alt veya Shift tuşlarından birine basılıp basılmadığına dair bir mesaj yazdıralım:

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

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

Задание 1

Bir element verilsin. Bu elemente tıklandığında, sadece tıklama anında Alt tuşu basılıysa kırmızı renge boyansın.

Задание 2

Elinizde ul etiketli ve içinde li etiketleri olan bir liste olsun:

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

Herhangi bir li öğesine tıklandığında, eğer Ctrl tuşu basılıysa metnin sonuna 1 sayısı, eğer Shift tuşu basılıysa 2 sayısı eklensin.