Thực thi script khi người dùng nhấn phím (onkeydown) trong HTML?

Sự kiện onkeydown kích hoạt khi người dùng nhấn xuống một phím (trước khi ký tự được nhập). Dùng cho: phím tắt, game, validation real-time, ngăn chặn nhập ký tự.

Ví dụ

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

Ba sự kiện bàn phím

Ví dụ nâng cao: lấy mã phím

<input type="text" onkeydown="showKey(event)">
<script>
  function showKey(e) {
    console.log("Key:", e.key, "| Code:", e.code, "| KeyCode:", e.keyCode);
    // Ngăn nhập số: if (e.key >= '0' && e.key <= '9') e.preventDefault();
  }
</script>

Lưu ý

• onkeypress đã deprecated, dùng onkeydown hoặc onkeyup.
• Dùng event.key (giá trị ký tự) hoặc event.code (vị trí vật lý phím).