JS实现文本框回车移动光标


我登陆界面有三个文本框:用户名(asp:TextBox id=txtUserName)、密码(asp:TextBox id=txtUserPassword)、验证码(asp:TextBox id=txtSN),两个按钮:登陆(asp:Button id=btnLogin)、重置(asp:Button id=btnReset)。我想实现的是:输入用户名后按Enter,光标移动到密码框,输入密码后按Enter,光标移动到验证码框,输入验证码后按Enter,提交表单。<!--我用的不是Input HTML的元素-->

  下面说一下我的解决方案:

  1.实现按Enter等同Tab的功能

  <script language="javascript" for="document" event="onkeydown">

  if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!='textarea' && event.srcElement.type!='')

  event.keyCode=9;   //Tab的键值为9 Enter的键值为13

  </script>

  2.最后一个文本框(验证码 txtSN)输入后 按Enter提交表单

  <script language ="javascript">

  function getEnter(){

  if(event.keyCode == 13 && event.srcElement.type!='submit'){

  event.returnValue=false;

  //document.all("btnLogin").click(); 这个也行 测试过

  document.getElementById('btnLogin').click();

  }

  }

  </script>

  在Page_Load里加上 this.txtSN.Attributes.Add("onKeyDown", "getEnter()");就OK!

  以上两段JS代码网上遍地都是,但是任何一个都不能实现我的要求,组合起来就好使了,继续学习了...



相关阅读:
HTML组件(HTML COMPONENTS)之十一
零命令玩转Ubuntu 8.10(Wubi无痛安装
Win2008 脱机文件功能 配置启用
用PreRender解决DataGrid分页最后一页行数不满的排版问题
sqlserver 导出插入脚本代码
把应用程序和Oracle客户端一起打包
PHP开发者必不可少的五个发展要素
为网页内容添加结构和语义的hAtom微格式
必须知道的10个不常用HTML标签
收集整理Windows 7 Beta中的快捷键
IE bug input 外层浮动的边距问题
CSS命名规范参考及书写注意事项
新云CMS技巧:发表文章并生成HTML
vbs AD日志开启脚本nableKerbLog的脚本
快速导航

Copyright © 2016 phpStudy |