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>