Thực thi script khi người dùng thả phím (onkeyup) trong HTML?

Sự kiện onkeyup kích hoạt khi người dùng thả phím sau khi nhấn. Dùng cho: autocomplete, validation sau nhập, đếm ký tự, lọc danh sách.

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <p>Nhấn phím trong ô nhập liệu.</p>
    <input type="text" onkeyup="display()">
    <script>
      function display() {
        alert("Bạn đã thả một phím!");
      }
    </script>
  </body>
</html>

So sánh 3 sự kiện bàn phím

Ví dụ thực tế: đếm ký tự

<textarea onkeyup="countChars(this)" maxlength="200"></textarea>
<div id="counter">0/200</div>
<script>
  function countChars(el) {
    document.getElementById('counter').textContent = el.value.length + '/200';
  }
</script>