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

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

Cú pháp

Cú pháp như sau:

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

Ví dụ

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