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

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

Cú pháp

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

<tagname onkeyup=”script”>Content</tagname>

Hãy để chúng tôi xem một ví dụ về Thuộc tính sự kiện onkeyup HTML -

Ví dụ

<!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>HTML onkeyup Event Attribute Demo</h1>
<textarea class="" placeholder="Enter your message here" rows="5" cols="40" onkeyup="keyFn()"></textarea>
<div class="show"></div>
<script>
   function keyFn() {
      document.querySelector(".show").innerHTML = 'You enter: ' + document.querySelector("textarea").value;
   }
</script>
</body>
</html>

Đầu ra

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

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

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