Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Vô hiệu hóa hành vi mặc định của khi nhấn Enter với JavaScript


Để làm điều này, bạn cần dùng keydown cũng như preventDefault(). Dưới đâ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ệp với tên anyName.html (index.html) và chuột phải vào tệp chọn tùy chọn open with live server trong VSCode editor.

Kết quả

Đầu ra như sau. Khi bạn nhấn phím Enter, không có gì hiển thị.

Vô hiệu hóa hành vi mặc định của  input type= time   khi nhấn Enter với JavaScript

Bạn cần dùng keydown để lấy thời gian như trong ảnh chụp màn hình dưới đây:

Vô hiệu hóa hành vi mặc định của  input type= time   khi nhấn Enter với JavaScript