`
xls
  • 浏览: 107788 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

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

    博客分类:
  • JS
阅读更多

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

<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();">

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics