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

Thuộc tính KeyboardEvent.which trong HTML

Thuộc tính KeyboardEvent.which trả về mã ký tự Unicode của phím kích hoạt sự kiện onkeypress, onkeydown hoặc onkeyup.

Cú pháp

event.which

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>Demo KeyboardEvent.which</h1>
<input type="text" placeholder="Nhập thông điệp" onkeypress="display(event)">
<div class="show">
  <p>Mã Unicode của các phím đã nhấn:</p>
</div>
<script>
  function display(event) {
    document.querySelector(".show").innerHTML += "<p>" + event.which + "</p>";
  }
</script>
</body>
</html>

Kết quả

Gõ vào ô nhập liệu → mã Unicode của từng phím hiển thị bên dưới.

Lưu ý: event.which đã lỗi thời (deprecated). Nên dùng event.key (tên phím) hoặc event.code (mã vật lý) trong code mới.