로그인 정보 입력 후 로그인 버튼을 클릭하는 방식은 작아보지만 번거러운 일이다.
따라서 로그인 정보 입력 후 엔터키로 로그인 동작이 이뤄지도록 하기 위한 자바스크립트 코드이다.
<!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>
'JavaScript' 카테고리의 다른 글
| JavaScript를 이용하여 현재 브라우저의 종류 알아내기 (0) | 2019.09.27 |
|---|---|
| JavaScript를 이용해서 click 이벤트 발생시키기, 이벤트 생성 (0) | 2019.06.13 |
| JavaScript의 encodeURIComponent 함수를 이용하여 인코딩 디코딩하기 (0) | 2018.07.26 |
| jQuery attr() 함수에 대해 (0) | 2018.07.23 |
| JavaScript의 preventDefault() 메소드에 관해 (0) | 2018.07.23 |