입력양식에서 포커스 자동이동하기
- onkeyup : 키를 눌렀다 떼면 이벤트를 호출합니다.
- onkeypress : 키를 누르면 이벤트를 호출합니다.
- returnValue : 이벤트 핸들러의 처리상태를 설정합니다.
* 이벤트 핸들러
onkeypress = "post_num()"
예를 들어 위와 같이 "키를 누르면(onkeypress)를 함수(post_num())를 호출한다"는 부분에서 "키를 누르면(onkeypress)"와 같은 조건부분.
----------------------------------------------------------------------------------------
<html>
<script language="JavaScript">
<!--
function post_num() {
/* ASCII code값 '0'=48, '1'=49, '2'=50, ... '9'=57 */
if ((event.keyCode<48) || (event.keyCode>57))
event.returnValue=false;
}
function js_tab_order(arg, nextname, len) {
if (arg.value.length == len) {
nextname.focus()
return;
}
}
-->
</script>
<body onload="frm1.post1.focus()">
<form name="frm1">
<table border=1 cellpadding=1 cellspacing=2 bordercolor="#aaccdd">
<tr>
<td width=70 bgcolor="#aaddff" align="center">우편번호</td>
<td width=100 bgcolor="#ddeeff" align="center">
<input type="text" name="post1" maxlength=3 size=3
onkeyup="js_tab_order(this, frm1.post2, 3)"
onkeypress="post_num()">
-
<input type="text" name="post2" maxlength=3 size=3
onkeyup="js_tab_order(this, frm1.post1, 3)"
onkeypress="post_num()">
</td>
<td width=230 bgcolor="#ddeeff" align="center">세 글자를 치면 자동으로 이동합니다.</td>
</tr>
</table>
</form>
</body>
</html>
'IT-개발,DB' 카테고리의 다른 글
| [mysql] 양력음력변환 DB (0) | 2014.07.07 |
|---|---|
| [개발/인터넷] RIA(Rich Internet Apllication)이란? (0) | 2014.06.23 |
| [개발/VC++] WebBrowser HTML Element Events 핸들링 (0) | 2014.02.04 |
| [개발/VC++] CreateThread(), _beginthread(), _beginthreadex() 에 관하여 (0) | 2014.02.04 |
| [html] 태그로 테이블 모서리를 둥글게 (0) | 2014.01.21 |
댓글