input에서 엔터치면 검색버튼 효과 만들기

엔터키를 치면 바로 버튼의 검색을 누른것과 같은 효과를 만들기 위한 코드입니다.

 

위의 창에서 서울이라고 쓰고 엔터치면? 검색버튼효과를 낼 수 있다면?

 

 

$(document).ready(function() {
    // Existing code...

    // Event listener for keydown on #search
    $("#search").keydown(function(event) {
        // Check if the pressed key is 'Enter'
        if (event.key === "Enter" || event.keyCode === 13) {
            // Prevent the default action to stop form submission
            event.preventDefault();
            // Trigger click event on #searchBtn
            $("#searchBtn").click();
        }
    });

$("#searchBtn").click(function() { 
    // 페이지 번호를 1로 설정
    currentpageNumber = 1;
    setCookie('currentpageNumber', currentpageNumber, 10); // 쿠키에 페이지 번호 저장

// Set dateRange to '전체' and trigger the change event
$('#dateRange').val('전체').change();
    document.getElementById('board_form').submit();
});

});

 

이렇게 쓰면 아주 잘됩니다.

 

잘 사용하고 있습니다.

 

이런식으로 계속 만들어가면 좋겠네요~