คุณสมบัติ altKey ของ HTML DOM KeyboardEvent

คุณสมบัติ KeyboardEvent.altKey ของ HTML DOM จะคืนค่าว่าปุ่ม ALT ถูกกดหรือไม่เมื่อเหตุการณ์ปุ่มถูกกระตุ้นในเอกสาร HTML

ไวยากรณ์

ไวยากรณ์มีดังนี้ −

event.altKey

ลองดูตัวอย่างการใช้งานคุณสมบัติ KeyboardEvent altKey ของ HTML −

ตัวอย่าง

<!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    }    input {       border: 2px solid #fff;       padding: 8px;       background: transparent;       width: 310px;       border-radius: 20px;       outline: none;    }    ::placeholder {       color: #000;    }    .show {       font-size: 1.2rem;       color: #fff;    } </style> <body> <h1>การสาธิตคุณสมบัติ KeyboardEvent altKey ของ HTML</h1> <input type="text" placeholder="ป้อนข้อความของคุณ" onkeydown="display(event)"> <div class="show"> </div> <script>    function display(event) {       if (event.altKey) {          document.querySelector(".show").innerHTML = "ปุ่มที่กดคือ " + event.key + " key";       } else {          document.querySelector(".show").innerHTML = "ปุ่มที่กดคือ " + event.key + " key";       }    } </script> </body> </html>

ผลลัพธ์

เริ่มกดปุ่มใดๆ ในช่องข้อความ แล้วสังเกตเมื่อกดปุ่ม ALT คุณสมบัติ altKey จะทำงานอย่างไร −