Đối với điều này, hãy sử dụng onkeypress. Đầu tiên chúng ta hãy tạo văn bản đầu vào -
<input id="textBox" type="text" onkeypress="return demoForEnterKey(event)"/>
Bây giờ, hãy xem hàm demoForEnterKey () và kiểm tra xem phím enter có được nhấn hay không -
function demoForEnterKey(eventName) {
if (eventName.keyCode == 13) {
var t = document.getElementById("textBox");
console.log(t.value);
console.log("Enter key is pressed.....")
return true;
} else {
console.log("Enter key is not pressed.....")
return false;
}
} 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 id="textBox" type="text" onkeypress="return
demoForEnterKey(event)" />
<script>
function demoForEnterKey(eventName) {
if (eventName.keyCode == 13) {
var t = document.getElementById("textBox");
console.log(t.value);
console.log("Enter key is pressed.....")
return true;
} else {
console.log("Enter key is not pressed.....")
return false;
}
}
</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 nhấn phím ENTER, bạn sẽ nhận được kết quả sau -
