Theo dõi các phím sửa đổi trong JavaScript

Với đối tượng Event, bạn có thể biết liệu các phím Ctrl, Alt và Shift có được nhấn vào thời điểm sự kiện hay không. Điều này được thực hiện bằng các thuộc tính ctrlKey, altKey và shiftKey - chúng có giá trị true hoặc false tùy thuộc vào việc phím đó có được nhấn vào thời điểm sự kiện hay không.

Hãy xem một ví dụ. Giả sử chúng ta có một nút sau:

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

Khi nhấp vào nút, chúng ta sẽ hiển thị thông báo về việc liệu một trong các phím Ctrl, Alt và Shift có được nhấn hay không:

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

elem.addEventListener('click', function(event) {
  if (event.ctrlKey) {
    console.log('đã nhấn Ctrl');
  }
  
  if (event.altKey) {
    console.log('đã nhấn Alt');
  }
  
  if (event.shiftKey) {
    console.log('đã nhấn Shift');
  }
});

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