이를 위해서는 keyDown과 preventDefault()를 사용해야 합니다. 다음은 자바스크립트 코드입니다 -
예시
<!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>
위의 프로그램을 실행하려면 anyName.html(index.html) 파일 이름을 저장하면 됩니다. 파일을 마우스 오른쪽 버튼으로 클릭하고 VSCode 편집기에서 라이브 서버로 열기 옵션을 선택합니다.
출력
다음은 출력입니다. Enter 키를 누르면 아무 것도 표시되지 않습니다.
아래 스크린샷과 같이 시간을 얻으려면 keyDown을 사용해야 합니다. −