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 -
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 -