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

Bàn phím HTML

Thuộc tính HTML KeyboardEvent mà thuộc tính trả về mã ký tự Unicode của khóa kích hoạt onkeypress sự kiện, onkeydown sự kiện hoặc onkeyup sự kiện trong tài liệu HTML.

Cú pháp

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

event.which

Hãy để chúng tôi xem một ví dụ về HTML KeyboardEvent thuộc tính nào -

Ví dụ

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
   }
   input {
      border: 2px solid #fff;
      padding: 8px;
      background: transparent;
      width: 310px;
      border-radius: 20px;
      outline: none;
   }
   ::placeholder {
      color: #000;
   }
   .show {
      font-size: 1.2rem;
      color: #fff;
   }
</style>
<body>
<h1>HTML KeyboardEvent which Property Demo</h1>
<input type="text" placeholder="Enter your message" onkeypress="display(event)">
<div class="show">
<p>The above message in Unicode character is:</p>
</div>
<script>
   function display(event) {
      document.querySelector(".show").innerHTML += "<p>" + event.which + "</p>";
   }
</script>
</body>
</html>

Đầu ra

Bàn phím HTML

Bây giờ, hãy bắt đầu nhập tin nhắn của bạn vào trường văn bản và sau đó xem bên dưới cùng một thông báo bằng ký tự Unicode -

Bàn phím HTML