How To - Enter를 눌러 트리거 버튼을 클릭

w3.css

Enter를 눌러 트리거 버튼을 클릭

JavaScript를 사용하여 키보드의 “enter” 버튼을 클릭하도록 한다.

Enter 버튼을 클릭하여 트리거

1단계) HTML 추가

// Get the input field
var input = document.getElementById("myInput");

// Execute a function when the user presses a key on the keyboard
input.addEventListener("keypress", function(event) {
  // If the user presses the "Enter" key on the keyboard
  if (event.key === "Enter") {
    // Cancel the default action, if needed
    event.preventDefault();
    // Trigger the button element with a click
    document.getElementById("myBtn").click();
  }
});

기본 예시

예제 보기