페이지

2017년 2월 2일 목요일

엔터 키(Enter key)로 로그인 하기





로그인 정보 입력 후 로그인 버튼을 클릭하는 방식은 작아보지만 번거러운 일이다.
따라서 로그인 정보 입력 후 엔터키로 로그인 동작이 이뤄지도록 하기 위한 자바스크립트 코드이다.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>엔터 키로 로그인 되게</title>

<script type="text/javascript">
function onEnterLogin(){
var keyCode = window.event.keyCode;
if (keyCode == 13) { //엔테키 이면
loginForm.submit();
}
} //onEnterLogin()
</script>
</head>

<body onkeydown="javascript:onEnterLogin();">

<form action="ok.jsp" method="post" name="loginForm">
아이디 : <input type="text" name="id" value=""><br/>
비밀번호 : <input type="password" name="passwd" ><br/>
<input type="submit" value="로그인">
</form>

</body>
</html>