[JS / jQuery] js 엔터(Enter)키 이벤트(로그인, 검색 등), onkeyup, keycode=13

 

엔터(Enter)키 이벤트 활용 (로그인, 검색 등)

 

1. 로그인에서 비밀번호를 친 후 바로 엔터키를 눌러 로그인하고 싶다.

2. 검색어 입력 후 엔터키를 눌러 검색을 하고싶다.

 

위와 같은 경우 등에 많이 활용된다.

 

 

 

1. 이벤트 발생 시 수행할 함수를 작성한다.

function f_enterLogin() {
    if(window.event.keyCode == 13){
    	f_loginCheck(); // 로그인 버튼 함수
	}
}

 

2. 이벤트 대상에 작성

<input title="아이디" type="text" name="userId" />
<input title="비밀번호" type="password" name="password" onkeyup="f_enterLogin()" />

<button href="javascript:f_loginCheck();">로그인</button>

onkeyup으로 비밀번호 input에 키가 눌릴 때 마다 f_enterLogin이 호출되게 하여 그 눌린 키가

keycode 13 즉, enter키 일 때만 f_loginCheck() 함수(로그인버튼에 달려있는 함수)가 호출된다.