Thuộc tính metaKey của TouchEvent trong HTML DOM

Thuộc tính metaKey của TouchEvent trong HTML DOM trả về một giá trị Boolean tương ứng với trạng thái phím Meta (Command trên Mac/Windows key trên Windows) có được nhấn khi sự kiện chạm (touch event) được kích hoạt hay không.

Cú pháp

touchEvent.metaKey

"booleanValue" có thể là:

Lưu ý: Các ví dụ sự kiện chạm được chạy trên trình soạn thảo HTML trực tuyến được truy cập trên thiết bị di động hoặc hệ thống có hỗ trợ chạm. Điều này cho phép thực hiện các thao tác chạm như chạm màn hình trong 2 giây.

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính TouchEvent metaKey:

<!DOCTYPE html>
<html>
<head>
  <title>HTML DOM TouchEvent metaKey</title>
  <style>
    form { width: 70%; margin: 0 auto; text-align: center; }
    * { padding: 2px; margin: 5px; }
    input[type="button"] { border-radius: 10px; }
    legend { border-color: #dc3545; }
    span { display: inline-block; width: 40px; height: 20px; margin: 1px; color: #fff; border: 3px solid black; }
    div span:nth-child(1) { background-color: #FF8A00; }
    div span:nth-child(2) { background-color: #F44336; }
    div span:nth-child(3) { background-color: #03A9F4; }
    div span:nth-child(4) { background-color: #4CAF50; }
  </style>
</head>
<body>
  <form id="formSelect" ontouchstart="eventAction(event)">
    <fieldset>
      <legend>HTML-DOM-TouchEvent-metaKey</legend>
      <label for="textSelect">Thay Đổi Màu Nền</label>
      <div><span>Alt</span><span>Ctrl</span><span>Meta</span><span>Shift</span></div>
      <div id="divDisplay">Không Có Phím Tắt Được Nhấn</div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var formSelect = document.getElementById("formSelect");
    function eventAction(event) {
      if (event.metaKey) {
        formSelect.style.backgroundColor = '#03A9F4';
        formSelect.style.color = '#FFF';
        divDisplay.textContent = 'Phím Meta Được Nhấn';
      }
    }
  </script>
</body>
</html>

Kết quả

Trước khi kích hoạt sự kiện chạm:

Sau khi kích hoạt sự kiện chạm với phím Alt được nhấn: