사용방법 예)
<tr>
<td>아이디 : <input type=text name=name tabindex=1></td>
</tr>
<tr>
<td>패스워드 : <input type=password name=passwd tabindex=2></td>
</tr>
<script language="javascript">
//입력한 tabIndex로 객체리턴
function GetObjectByTabIndex(index)
{
for (i = 0; i < document.forms[0].length; i++)
{
tmp = document.forms[0].elements[i];
if (tmp.tabIndex == index)
{
return tmp;
}
}
return null;
}
//엔터키 입력시 다음탭인덱스로 포커스이동
function KeyDownFocus(obj)
{
if (event.keyCode == 13) {
tmp = GetObjectByTabIndex(obj.tabIndex+1);
if (tmp == null) tmp = GetObjectByTabIndex(1);
if (tmp != null) tmp.focus();
}
}
</script>
accesskey와 tabindex 사용하기
#1 accesskey : alt + value 기능 (단축키)
아마 각종 메신져 쓰는 사람들에게 제일 익숙한 기능중의 하나가 Alt - S 일거라고 생각합니다.
Send 기능을 하는 키조합인데요, IE에서는 accesskey="s" 라고 하면 되거든요.
즉 글쓰기나 코멘트의 submit 버튼에다가 다음과 같이만 하면 됩니다
ex) accesskey = "s" 또는 accesskey = "d"
<input type=submit value="글을 올립니다" accesskey="s">
<input type="text" name="txtName" value="" accesskey="d">
#2 tabindex : TAB 키를 통하여 이동순서 지정
tabindex 는 html code 에서 폼 요소를 이동할때 키보드 탭(TAB)을 눌렀을때의 이동 순서를 정하는 사용되는 속성으로 인터넷 익스플로서 4이상에서 사용된다.
사용할 수 있는 html tag는 예로 a, area, button, input, object, select, textarea.. etc
tabindex 값은 1부터 시작 -1 일경우 포커스가 위치하지 않음
ex) tablindex = "1"
<input tabindex="1" name="_a" type="text" size="5" style="" value="0">
<input tabindex="3" name="_c" type="text" size="5" style="" value="0">
<input tabindex="2" name="_b" type="text" size="5" style="" value="0">
: _a에서 탭키를 눌렀을때 다음 tabindex로 이동. 그러므로 _b로 이동한다.
onkeyup
http://www.mensakorea.org/bbs/data/quiz/PlanarityExperimental.swf
[출처] 웹표준2.0(팁) from okjsp Javascript |작성자 제로스엘
