Computer >> Máy Tính >  >> Lập trình >> Javascript

Phát hiện phím ENTER trong trường nhập văn bản bằng JavaScript


Bạn có thể sử dụng Mã khóa 13 cho phím ENTER. Đầu tiên chúng ta hãy tạo thông tin đầu vào -

<input type="text" id="txtInput">

Bây giờ, hãy sử dụng on () với Mã khóa để phát hiện phím ENTER. Sau đây là mã hoàn chỉnh -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=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>
</head>
<body>
<input type="text" id="txtInput">
<script>
   $("#txtInput").on('keyup', function (event) {
      if (event.keyCode === 13) {
         console.log("Enter key pressed!!!!!");
      }
   });
</script>
</body>
</html>

Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Phát hiện phím ENTER trong trường nhập văn bản bằng JavaScript

Khi bạn nhấn phím ENTER, bạn sẽ nhận được thông báo sau như trong đầu ra bảng điều khiển bên dưới -

Phát hiện phím ENTER trong trường nhập văn bản bằng JavaScript