Sự kiện nhấn phím Enter trong JavaScript

Đối với sự kiện nhấn phím Enter, bạn có thể gọi một hàm trên:

onkeypress="yourFunctionName"

Sử dụng mã phím Enter là 13.

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<input id="enterDemo" type="text" onkeypress="return enterKeyPressed(event)" />
<script>
  function enterKeyPressed(event) {
    if (event.keyCode == 13) {
      console.log("Phím Enter được nhấn");
      return true;
    } else {
      return false;
    }
  }
</script>
</body>
</html>

Để chạy chương trình trên, lưu tệp với tên "anyName.html (index.html)" và nhấp chuột phải vào tệp. Chọn tùy chọn "Open with Live Server" trong trình soạn thảo VS Code.

Kết quả

Chương trình sẽ cho ra kết quả sau:

Khi nhấn phím Enter, kết quả sau hiển thị trên console: