양식 작성 시 TAB 대신 Enter를 사용하는 방법_양식 특수 효과

핵심은 tabindex입니다. 디자인 아이디어는 각 양식 요소에 대해 tabindex를 설정하고 그 값은 이전 양식 요소의 tabindex 값에 1을 더한 값입니다. 함수의 기능은 다음과 같습니다. 사용자가 Enter 키를 누르면 tabindex의 값이 1씩 증가한 후 각 양식 요소의 tabindex 값과 하나씩 비교되어 해당 양식 요소로 포커스가 이동됩니다.

먼저 양식 본문에 onkeyup 이벤트를 설정해야 합니다.

두 번째로 양식 요소에 tabindex 값을 설정합니다. 요소에 대해 다음과 같이 tabindex 값을 설정합니다.


<br><br>마지막으로 Changefocus 함수를 다음과 같이 작성합니다. <br>function newinfo_form_onkeyup ( ) <br>{ <br>key=window.event.keyCode; <br>if(key==0xD)//Enter 키가 눌렸는지 확인 <br>{ <br>CurTabIndex=event.srcElement.tabIndex 1 //현재 tabindex 값에 1을 추가합니다. <br>for (n=0;n<newinfo_form.elements.length>{ <br>if (newinfo_form.elements[n].tabIndex==CurTabIndex) / /다음 양식 요소 찾기 <br>{ <br>newinfo_form.elements[n].focus(); //포커스 이동 <br>return true <br>} <br>} <br>} <br> } <br></newinfo_form.elements.length>