Gjurmimi i Tasteve Modifikuese në JavaScript

Me ndihmën e objektit Event mund të zbuloni, nëse ishin të shtypura në momentin e ngjarjes tastet Ctrl, Alt dhe Shift. Kjo bëhet me ndihmën e vetive ctrlKey, altKey dhe shiftKey - ato kanë vlerën true ose false në varësi të faktit nëse ishte i shtypur ky tast në momentin e ngjarjes apo jo.

Le ta shohim me një shembull. Le të themi se kemi butonin e mëposhtëm:

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

Në klikim në buton do të shfaqim një mesazh për faktin nëse ishte e shtypur një nga tastet Ctrl, Alt dhe Shift:

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

elem.addEventListener('click', function(event) {
  if (event.ctrlKey) {
    console.log('i shtypur Ctrl');
  }
  
  if (event.altKey) {
    console.log('i shtypur Alt');
  }
  
  if (event.shiftKey) {
    console.log('i shtypur Shift');
  }
});
Задание 1

Është dhënë një element. Bëni që me klikim mbi të, ai të ngjyroset në të kuqe, por vetëm nëse në momentin e klikimit është i shtypur tast Alt.

Задание 2

Le të themi se keni një listë ul me etiketa li:

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

Bëni që me klikim në çdo li, në fund të tekstit të saj të shtohet numri 1, nëse është i shtypur tast Ctrl, dhe numri 2, nëse është i shtypur tast Shift.