如何实现用回车键代替Tab键的功能

发布网友发布时间：2022-04-28 15:43

共2个回答

懂视网时间：2022-05-16 20:41

关键之处在于tabindex，其设计思想是：为每个表单元素设置一个tabindex，其值分别为前一个表单元素的tabindex的值加一，函数的功能就是当用户按下回车键时先将当前tabindex的值加一，而后逐一与每个表单元素的tabindex值进行对比，如若相等，则将焦点移至该表单元素之上。

首先，我们需要在表单体中设定一个onkeyup事件：

其次，在每一个表单元素中设定一个tabindex值，假定该表单有三个元素，则我们分别设定tabindex值如下：

<br><br>最后，写出changefocus函数如下： <BR>function newinfo_form_onkeyup() <BR>{ <BR>key=window.event.keyCode; <BR>if(key==0xD)//判断是否按下回车键 <BR>{ <BR>CurTabIndex=event.srcElement.tabIndex 1//将当前tabindex的值加1 <BR>for (n=0;n<newinfo_form.elements.length;n ) <BR>{ <BR>if (newinfo_form.elements[n].tabIndex==CurTabIndex) //找到下一个表单元素 <BR>{ <BR>newinfo_form.elements[n].focus(); //移动焦点 <BR>return true; <BR>} <BR>} <BR>} <BR>}

<p class="newart_a_ans clearfix">
                        <span class="tx"><img src="https://jss.51dongshi.com/tpl/pc2/images/user_avatar_default.jpg"></span>
                        <span class="name">热心网友</span>
                        <span class="time">时间：2022-05-16 17:49</span>
                    </p>
                    <a使用Enter键代替Tab键的功能</a<br /><asp:textbox id=TextBox1 runat=server style=LEFT: 8px; POSITION: absolute; TOP: 48px</asp:textbox<br /><asp:textbox id=TextBox2 runat=server style=LEFT: 176px; POSITION: absolute; TOP: 48px</asp:textbox<br /><asp:textbox id=TextBox3 runat=server style=LEFT: 344px; POSITION: absolute; TOP: 48px</asp:textbox</form<script language=javascriptfunction  keyDown(){var  keycode=event.keyCode;<br />var  keyChar=String.fromCharCode(keycode);<br />if(keycode==13)<br />event.keyCode=9;};document.on<br />keydown=keyDown;<br /></script</body</HTML后台代码（Enter-Tab.aspx.cs）：<br />using System;<br />using System.Collections;<br />using System.ComponentModel;<br />using System.Data;using System.Drawing;<br />using System.Web;<br />using System.Web.SessionState;<br />using System.Web.UI;<br />using System.Web.UI.WebControls;<br />using System.Web.UI.HtmlControls;<br />namespace 示例代码._19{/// <summary<br />/// WebForm1 的摘要说明。<br />/// </summary<br />public class WebForm1 : System.Web.UI.Page{protected System.Web.UI.WebControls.TextBox TextBox1;<br />protected System.Web.UI.WebControls.TextBox TextBox2;<br />protected System.Web.UI.WebControls.TextBox TextBox3;<br />private void Page_Load(object sender, System.EventArgs e){// 在此处放置用户代码以初始化页面}#region Web Form Designer generated codeoverride protected void On<br />Init(EventArgs e){//// CODEGEN：该调用是 ASP.NET Web 窗体设计器所必需的。//InitializeComponent();base.OnInit(e);}<br />/// <summary<br />/// 设计器支持所需的方法 - 不要使用代码编辑器修改<br />/// 此方法的内容。                    <script type="text/javascript" src="https://jss.51dongshi.com/mitjs/huida1.js"></script>
                                                            <div class="yingc">
                                            </div>
                    <div class="yingc">
                                            </div>
                </div>

<div class="shengming"><span class="ico"><img src="https://jss.51dongshi.com/tpl/pc2/images/gantan.png" alt="声明"></span><b>声明：</b>本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com</div>
<script type="text/javascript" src="https://jss.51dongshi.com/mitjs/dajia.js"></script>
<div style="display: none;">
                        <a href="/dadabdcc/bdcvesscv/">为什么来大姨妈胸会胀</a>
                        <a href="/dadabdcc/bdcvesscb/">少儿学什么舞蹈</a>
                        <a href="/dadabdcc/bdcvessch/">青年学什么舞蹈好</a>
                        <a href="/dadabdcc/bdcvesscg/">成年人学什么舞蹈</a>
                        <a href="/dadabdcc/bdcvesscs/">福州企业最低工资标准</a>
                        <a href="/dadabdcc/bdcvesscd/">2013年厦门的底薪是多少</a>
                        <a href="/dadabdcc/bdcvesscr/">生产要素的需求有哪些性质</a>
                        <a href="/dadabdcc/bdcvessce/">生产要素的需求有何特点?</a>
                        <a href="/dadabdcc/bdcvessva/">什么是生产要素需求</a>
                        <a href="/dadabdcc/bdcvessvc/">微观经济学要素需求什么是条件要素需求?它和要素需求有什么不同?_百度...</a>
                        <a href="/dadasds/sddhcars/">js 把回车转换成tab键 火狐浏览器怎么实现</a>
                        <a href="/dadasds/sddhcard/">JS 回车键变成tab键改变焦点;Jquery也行</a>
                        <a href="/dadasds/sddhcarr/">javascript中如何取消回车键实现Tab键的功能</a>
                        <a href="/dadasds/sddhcare/">求大神,刚安装的1060T6G显卡,想用2个显示器,可电脑无法识别到二屏?</a>
                        <a href="/dadasds/sddhcaea/">win10更新后开机变得很卡怎么办?</a>
                        <a href="/dadasds/sddhcaec/">一台电脑托两台显示器,另一台无法识别?</a>
                        <a href="/dadasds/sddhcaev/">笔记本电脑连接显示器，显示无信号什么原因，在笔记本上找不到第二个显示器，按扩展了也找不到？</a>
                        <a href="/dadasds/sddhcaeb/">我的电脑为什么不能识别两个显示器?</a>
                        <a href="/dadasds/sddhcaeh/">电脑无法连接两台显示器,识别不到连接了两台显示器</a>
                        <a href="/dadasds/sddhcaeg/">电脑用HDMI连接了另一个显示器可是电脑没有检测到怎么办?</a>
                        <a href="/dadasds/sddhcaes/">电脑连两个显示器无法识别第二个?</a>
                        <a href="/dadasds/sddhcaed/">鼠标左键失灵,右键能用,无线鼠标可以用是不是鼠标坏了?</a>
                        <a href="/dadasds/sddhcaer/">无线鼠标左右键不能用</a>
                        <a href="/dadasds/sddhcaee/">Cf如何用小号为自己的大号充钱</a>
                        <a href="/dadasds/sddhccaa/">预订cf新建小号有cf所有新手装备。出售30元要的QQ76610745 先到先得。名字和区自选 先付款后给号。</a>
                        <a href="/dadasds/sddhccac/">无线鼠标左右键混乱左键是右键功能右键有左键功能怎样办?</a>
                        <a href="/dadasds/sddhccav/">1000元买一个cf顶级号值得吗?</a>
                        <a href="/dadasds/sddhccab/">卖cf小号 浙江一区 猎狐者 自己不玩了 里面还有大炮半年 消音 经验眼镜 GP*都有</a>
                        <a href="/dadasds/sddhccah/">腻子粉经常吸入,会对人体有害吗?</a>
                        <a href="/dadasds/sddhccag/">无线鼠标灯亮着右键和滑动还能用,左键没反应了,是坏了么?能修不能?</a>
                        <a href="/dadasds/sddhcarh/">荣耀手机怎么录屏有声音</a>
                        <a href="/dadasds/sddhcarb/">javascript实现模拟Tab键</a>
                        <a href="/dadasds/sddhcarv/">js 回车替换空格</a>
                        <a href="/dadasds/sddhcarc/">华为9X屏幕录制没声音?</a>
                        <a href="/dadasds/sddhcara/">javascript模拟tab</a>
                        <a href="/dadasds/sddhcade/">JSP编写的HTM文件里用ENTER键代替TAB键功能的代码完全正确,为什么运行...</a>
                        <a href="/dadasds/sddhcadr/">...如果全文只有tab 空格 回车的话讲文本替换为空</a>
                        <a href="/dadasds/sddhcadd/">剪映里有个加号菱形是什么</a>
                        <a href="/dadasds/sddhcads/">剪映菱形◇啥用处?</a>
                        <a href="/dadasds/sddhcadg/">剪映里面四边形加号</a>
                        <a href="/dadasds/sddhcadh/">剪映点加号没有反应</a>
                        <a href="/dadasds/sddhcadb/">剪映中剪同款水印是什么?</a>
                        <a href="/dadasds/sddhcadv/">怎么把基金里的钱全部取出,</a>
                        <a href="/dadasds/sddhcadc/">支付宝基金卖不出去的那部分,还能拿回来吗?</a>
                        <a href="/dadasds/sddhcada/">血糖高能喝什么饮料</a>
                        <a href="/dadasds/sddhcase/">糖尿病人能喝什么饮料</a>
                        <a href="/dadasds/sddhcasr/">糖尿病人可以喝的饮料有哪些</a>
                        <a href="/dadasds/sddhcasd/">糖尿病的人能喝什么饮料</a>
                        <a href="/dadasds/sddhcass/">糖尿病人可以喝什么饮料</a>
                        <a href="/dadasds/sddhcasg/">哪些饮料适合糖尿病患者喝,哪些饮料不适合?</a>
                       
    </div>
<div class="foot_new">
    <div class="copyright">懂视IT 51dongshi.com 版权所有<br>Copyright © 2019-2024 </div>
</div>
<div style="display: none;"><script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?6a2dfab7c846ee72ec437b7ce1263612";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script></div>
</body>
</html>