웹아틀리에 - Web atelier

[JQuery] input="text" 에서 엔터키로 함수 호출 하는 방법 본문

IT-웹 Front end/jQuery & Javascript

[JQuery] input="text" 에서 엔터키로 함수 호출 하는 방법

네루펜 2016. 7. 14. 15:36

[JQuery] input="text" 에서 엔터키로 함수 호출 하는 방법


Form 내부에서 사용하는 input은 자동으로 엔터키로 서브밋 합니다. 하지만 종종 디자인상, 혹은 구조상 form 없이 버튼 없는 검색창 같은 경우를 만들게 되는데요. 이때 엔터키로 함수를 호출하는 방법 입니다.

// enter event
$('input').keyup(function(e) {
    if (e.keyCode == 13) 함수호출();        
});

여기서 사용하는 keyCode 13은 엔터키를 가리킵니다.
이벤트를 사용할 때 keydown보다 keyup을 권장 하더군요. 아무래도 keyup이벤트는 한번씩만 실행되기 때문이 아닐까 생각합니다.

공유하기 링크
Comments