인터넷정보

엔터(Enter)키가 탭(Tab)키 처럼 동작하게 하기

알 수 없는 사용자 2007. 10. 18. 14:05
Enter 키를 누르면 다음 Input Box에 Focus가 가도록
하는 기법이다.

Form 개체안에 Submit Type의 Button은 배치 하지 않아야 한다.


<script>
        function EnterShift() {
                var keyValue = event.keyCode;
                if (keyValue =='13')
                        document.form1.passwd.focus();
        }

        function EnterDown() {
                var keyValue = event.keyCode;
                if (keyValue =='13')
                        document.form1.submit();
        }
</script>


<form method=post name=form1>
    <input type=text tabindex=1 name=id onkeydown=EnterShift()> <br>
    <input type=text tabindex=2 name=passwd onkeydown=EnterDown()> <br>
    <input type=button value='로그인' onclick=document.form1.submit()>
</form>


<pre>
* 첫번째 input box 몇자 입력하고 Enter 키를 눌러보세요.
</pre>
반응형