Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript로 키보드 입력에서 버튼 클릭을 트리거하는 방법은 무엇입니까?


JavaScript를 사용하여 키보드 "enter" 클릭을 트리거하려면 코드는 다음과 같습니다. −

예시

<!DOCTYPE html>
<html>
<head>
<h1>Trigger Button Click on Enter Example</h1>
<input id="inputField" value="Some text.." />
<button id="alertBtn" onclick="alert('Button has been clicked')">
Button
</button>
<h2>
Press the "Enter" key inside the above input field to trigger the button.
</h2>
<script>
   var inputText = document.getElementById("inputField");
   inputText.addEventListener("keyup", function(event) {
      if (event.keyCode === 13) {
         event.preventDefault();
         document.getElementById("alertBtn").click();
      }
   });
</script>
</body>
</html>

출력

위의 코드는 다음 출력을 생성합니다 -

JavaScript로 키보드 입력에서 버튼 클릭을 트리거하는 방법은 무엇입니까?

필드에 무언가를 입력하고 Enter 키를 누르면 -

JavaScript로 키보드 입력에서 버튼 클릭을 트리거하는 방법은 무엇입니까?