JavaScript를 사용하여 텍스트 상자에서 Enter 키를 사용하여 버튼 클릭을 트리거하는 방법은 무엇입니까?

JavaScript를 사용하여 텍스트 상자 Enter 키에서 버튼 클릭 트리거

특정 텍스트 내에서 Enter 키를 눌렀을 때 버튼 클릭 이벤트를 트리거하려면 상자에서 다음 jQuery 코드를 활용하세요.

$("#id_of_textbox").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#id_of_button").click();
    }
});

방법은 다음과 같습니다. 작동:

• $("#id_of_textbox"): ID로 텍스트 상자 요소를 선택합니다.
• .keyup(function(event)): 키업 이벤트 리스너를 등록합니다. 텍스트 상자.
• event.keyCode === 13: 누른 키 코드가 13인지 확인합니다. Enter 키.
• $("#id_of_button").click(): 지정된 ID를 가진 버튼 요소에서 클릭 이벤트를 트리거합니다.

예를 들어 다음 HTML을 고려해보세요. :

<input type="text">

"txtSearch" 텍스트 상자에서 Enter 키를 눌렀을 때 "검색" 버튼 클릭을 실행하려면 다음 jQuery를 사용하세요. 코드:

$("#txtSearch").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#btnSearch").click();
    }
});

위 내용은 JavaScript를 사용하여 텍스트 상자에서 Enter 키를 사용하여 버튼 클릭을 트리거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!