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

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

Cú pháp

Cú pháp như sau:

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

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính sự kiện onkeyup 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 onkeyup trong HTML</h1>
<textarea class="" placeholder="Nhập tin nhắn của bạn ở đây" rows="5" cols="40" onkeyup="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 onkeyup hoạt động.