Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính keyCode của KeyboardEvent trong HTML DOM

Thuộc tính keyCode của KeyboardEvent trả về mã ký tự Unicode tương ứng với ký tự được nhấn trong một sự kiện.

Lưu ý - Nên sử dụng thuộc tính key thay thế để có kết quả chính xác hơn.

Cú pháp

Trả về keyCode của ký tự mới nhất được nhập:

event.keyCode

Ví dụ

Ví dụ minh họa thuộc tính KeyboardEvent keyCode:

<!DOCTYPE html> <html> <head> <title>KeyboardEvent keyCode</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-keyCode</legend> <label>Điền vào chỗ trống: <input type="text" id="textSelect" placeholder="__ for Mango" 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.keyCode === 109) divDisplay.textContent = 'Correct Answer'; 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:

Thuộc tính keyCode của KeyboardEvent trong HTML DOM

Sau khi nhập đáp án sai:

Thuộc tính keyCode của KeyboardEvent trong HTML DOM

Sau khi nhập đáp án đúng:

Thuộc tính keyCode của KeyboardEvent trong HTML DOM