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

คุณสมบัติ KeyboardEvent.which ของ HTML จะคืนค่ารหัสอักขระ Unicode ของปุ่มที่กระตุ้นเหตุการณ์ onkeypress, onkeydown หรือ onkeyup ในเอกสาร HTML

ไวยากรณ์

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

event.which

ลองดูตัวอย่างการใช้งานคุณสมบัติ KeyboardEvent which ของ 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 which ของ HTML</h1> <input type="text" placeholder="ป้อนข้อความของคุณ" onkeypress="display(event)"> <div class="show"> <p>ข้อความข้างต้นในรหัสอักขระ Unicode:</p> </div> <script>    function display(event) {       document.querySelector(".show").innerHTML += "<p>" + event.which + "</p>";    } </script> </body> </html>

ผลลัพธ์

เริ่มพิมพ์ข้อความในช่องข้อความ แล้วดูด้านล่างข้อความเดียวกันในรหัสอักขระ Unicode −