Computer >> Máy Tính >  >> Lập trình >> HTML

Bàn phím HTML DOM Thuộc tính mã hàng

Thuộc tính mã KeyboardEvent trả về giá trị nhận dạng phím tương ứng với phím được nhấn khi sử dụng một sự kiện.

Lưu ý - Sử dụng thuộc tính chính để có kết quả chính xác

Cú pháp

Sau đây là cú pháp -

Trả lại mã của ký tự đã nhập mới nhất -

event.code

Ví dụ

Hãy để chúng tôi xem một ví dụ về mã KeyboardEvent tài sản -

<!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>Press a key:
<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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhập bất kỳ thứ gì vào trường văn bản -

Bàn phím HTML DOM Thuộc tính mã hàng

Sau khi nhập ‘\’ vào trường văn bản -

Bàn phím HTML DOM Thuộc tính mã hàng

Sau khi nhập ‘H’ trong trường văn bản -

Bàn phím HTML DOM Thuộc tính mã hàng