Thuộc tính sự kiện onkeydown trong HTML

Thuộc tính sự kiện onkeydown trong HTML được kích hoạt khi người dùng đang giữ nhấn một phím trên bàn phím.

Cú pháp

Cú pháp như sau:

<tagname onkeydown="script">Nội dung</tagname>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính sự kiện onkeydown trong HTML:

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
      padding: 20px;
    }
    .show {
      font-size: 1.2rem;
    }
  </style>
</head>
<body>
<h1>Demo thuộc tính sự kiện onkeydown trong HTML</h1>
<textarea class="" placeholder="Nhập tin nhắn của bạn ở đây" rows="5" cols="40" onkeydown="keyFn()"></textarea>
<div class="show"></div>
<script>
  function keyFn() {
    document.querySelector(".show").innerHTML = 'Bạn nhập: ' + document.querySelector("textarea").value;
  }
</script>
</body>
</html>

Kết quả

Nhập tin nhắn của bạn vào khu vực văn bản trắng để quan sát cách thuộc tính sự kiện onkeydown hoạt động.