Thuộc tính key của KeyboardEvent trong HTML DOM trả về định danh phím (key identifier) tương ứng với phím được nhấn trong một sự kiện.
Cú pháp
Trả về định danh của ký tự mới nhất được nhập:
event.key
Ví dụ
Ví dụ minh họa thuộc tính KeyboardEvent key:
<!DOCTYPE html> <html> <head> <title>KeyboardEvent key</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>KeyboardEvent-key</legend> <label>Điền vào chỗ trống: <input type="text" id="textSelect" placeholder="__ for Ball" onkeypress="getEventData(event)" autocomplete="off"> </label> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var textSelect = document.getElementById("textSelect"); function getEventData(InputEvent) { if(InputEvent.key === 'B') divDisplay.textContent = 'Correct Answer'; else if(InputEvent.key === 'b') divDisplay.textContent = 'Close call, you might have caps lock turned off'; else divDisplay.textContent = 'Try Again, '+textSelect.placeholder; textSelect.textContent = ''; } </script> </body> </html>
Kết quả
Trước khi nhập bất kỳ ký tự nào:
Sau khi nhập 'b':
Sau khi nhập 'B':
