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

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

Thuộc tính code 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.

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ề mã của ký tự mới nhất được nhập:

event.code

Ví dụ

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

<!DOCTYPE html> <html> <head> <title>KeyboardEvent code</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-code</legend> <label>Nhấn một phím: <input type="text" id="textSelect" onkeypress="getEventData(event)" autofocus> </label> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var textSelect = document.getElementById("textSelect"); function getEventData(InputEvent) { divDisplay.textContent = 'Pressed key: '+InputEvent.code; } </script> </body> </html>

Kết quả

Trước khi nhập bất kỳ ký tự nào:

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

Sau khi nhập '\':

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

Sau khi nhập 'H':

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