| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- Lift
- nodejs express
- 스킨 스쿠버
- ejb
- 메일왕창보내는법
- php thumbnail
- iBatis
- scala
- 나의 프로젝트
- express for node.js
- 도커
- ajax
- 명사 추출기
- ror실행
- Cross
- rss
- 주식이야기
- 명사 분석기
- flex3
- php
- node.js web framework
- 나의 취미
- Eclipse
- Node.js
- 베트남어
- 명사 뽑아내기
- 디즈니씨
- C/C++
- docker
- 책이야기
- Today
- Total
nkdk의 세상
JS :: 입력양식에서 포커스 자동이동 본문
- onkeyup : 키를 눌렀다 떼면 이벤트를 호출합니다.
- onkeypress : 키를 누르면 이벤트를 호출합니다.
- returnValue : 이벤트 핸들러의 처리상태를 설정합니다.
이벤트 핸들러
어떠한 이벤트(조건)을 통제하여 다른 이벤트(결과)를 얻고자 하는 경우, 그 조건이 되는 이벤트를 말합니다.
<html>
<script language="JavaScript">
<!--function post_num() {
if ((event.keyCode<48) || (event.keyCode>57)) // ASCII code값 '0'=48, '1'=49, '2'=50, ... '9'=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=280 bgcolor="#ddeeff" align="center">세 글자를 치면 자동으로 이동합니다.</td>
</tr>
</table>
</form></body>
</html>