'제이쿼리 엔터키'에 해당되는 글 1건

  1. 2021.08.13 자바스크립트(jQuery) 엔터(Enter)키 이벤트
2021. 8. 13. 16:48
//Enter 처리
        $("input[type=text]").on('keyup', function(e){
            if(e.key==='Enter'||e.keyCode===13){
                $("#serarch").trigger('click');
            }
        })

텍스트 input에 값 넣고, 엔터치면, 자동으로 검색버튼 누르게 만들고 싶은데...

 

자바스크립트 부분에,

 

검색 버튼에 대한 기능을 만들고,

 

input 에 값을 쓴 다음에 엔터 치면, 검색버튼을 트리거 거는 방법이다.

 

input 중에, type이 text인 애들에서 키 입력이 있으면, 키 코드값으로, 엔터인지 확인하고, 

엔터일  경우,  search 버트 (id) 를 클릭하게 했다.

'컴퓨터 > JavaScript (jQuery)' 카테고리의 다른 글

var, let, const 차이 설명  (0) 2021.08.23
var, let, const 차이 설명  (0) 2021.08.18
ajax 전송시, this 값 가져오기  (0) 2021.06.14
값 입력할때마다 더하기  (0) 2018.08.07
Skel Css 사용하기  (0) 2018.07.04
Posted by Tyson