您现在的位置是:首页 >

js设置回车搜索文本框 JS实现文本框回车提交

火烧 2021-12-12 04:57:50 1067
JS实现文本框回车提交   我在网上找了不少相关的资料 没有一个能直接拿来给我用的 经过一番琢磨还是弄明白了 我登陆界面有三个文本框 用户名(a :TextBox id=txtU erName) 密码

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的元素 >

  下面说一下我的解决方案

   实现按Enter等同Tab的功能

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

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

  event keyCode= ;   //Tab的键值为 Enter的键值为

  </script>

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

  <script language = javascript >

  function getEnter(){

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

js设置回车搜索文本框 JS实现文本框回车提交

  event returnValue=false;

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

  document getElementById( btnLogin ) click();

  }

  }

  </script>

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

lishixinzhi/Article/program/net/201311/12076  
永远跟党走
  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!

    • 微信收款码
    • 支付宝收款码