日期:2014-05-16  浏览次数:20324 次

javascript使回车键替代tab键的光标移动功能

在要改变的页面中加入如下代码

<script type="text/javascript">
document.onkeydown=function enterToTab() {
if(event.srcElement.type != 'submit' && event.srcElement.type!="image" && event.srcElement.type != 'textarea' && event.keyCode == 13)
event.keyCode = 9;
}
</script>

?

如果想改变光标移动的顺序,改变表单元素tabindex属性即可

<form action="<%=path %>/ih99" name="registerForm" >
??????????? <input type="text" name="username"?? tabindex="1"/>
??????????? <input type="text" name="password"?? tabindex="3"/>
??????????? <input type="text" name="checkCode"?? tabindex="2"/>
</form>

?

?

这种方法到了提交按钮时,要回车两次

对于空间不多时可以采用

<input name="username" type="text"??onkeyup="javascript:if(event.keyCode == 13) document.forms[0].password.focus();"/>

<INPUT name="password" type="password"? onkeyup="javascript:if(event.keyCode == 13) doLogin();">