<html>
<head>
<title>OnKeyDown</title>
<script language="javascript">
function chknull(){
obj=document.log;
if(obj.id.value==""){
alert("id는 필수");
obj.id.focus();
}else if(obj.pwd.value==""){
alert("비번은 필수");
obj.pwd.focus();
}else{
alert("잘 들어왔삼");
}
}
function enter(){
//모든키중에서 enter Key를 구별한 후 checknull 호출
if(window.event.keyCode==13){
//키코드 출력 -> alert(window.event.keyCode);
chknull();
}
}
function key(){ //id에서 엔터나 ↓키를 누르면 아래로 커서 이동
if(window.event.keyCode==13||window.event.keyCode==40){
document.log.pwd.focus();
}
}
</script>
</head>
<body onLoad="document.log.id.focus()"> //시작시 마우스 커서 id에 줌
<form name="log">
<table>
<tr>
<td>id</td>
<td><input type="text" size="8" name="id" onKeyDown="key()"></td>
</tr>
<tr>
<td>비번</td>
<td><input type="password" size="8" name="pwd" onKeyDown="enter()">
<img src="login.gif" onClick="chknull()" >
</td>
</tr>
</table>
</form>
</body>
</html>