Để làm được điều này, bạn cần sử dụng keyDown cũng như PreventDefault (). Sau đây là mã JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<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>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="time" id="disableDefaultTime">
<script>
const pressEnter = (event) => {
if (event.key === "Enter") {
event.preventDefault();
}
};
document.getElementById("disableDefaultTime").addEventListener("keydown",
pressEnter);
</script>
</body>
</html> Để chạy chương trình trên, chỉ cần lưu tên tệp anyName.html (index.html) và nhấp chuột phải vào tệp và chọn tùy chọn mở bằng máy chủ trực tiếp trong trình chỉnh sửa VSCode.
Đầu ra
Sau đây là kết quả đầu ra. Khi bạn nhấn phím Enter, sẽ không có gì được hiển thị.
Bạn cần sử dụng keyDown để có thời gian như trong ảnh chụp màn hình bên dưới -
