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

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

Thuộc tính charCode của KeyboardEvent trong HTML DOM 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ề charCode của ký tự mới nhất được nhập:

event.charCode

Ví dụ

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

<!DOCTYPE html> <html> <head> <title>KeyboardEvent charCode</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-charCode</legend> <label>Điền vào chỗ trống: <input type="text" id="textSelect" placeholder="__ for zebra" 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.charCode === 122) 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 charCode của KeyboardEvent trong HTML DOM

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

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

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

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