通过回车键使得光标自动跳转

2024-02-13 13:48
文章标签 自动 光标 跳转 回车键

本文主要是介绍通过回车键使得光标自动跳转,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

如何在文本框中按回车键,光标自动跳转到下一个文本输入框或者是执行某按钮的提交。这需要借助客户端脚本来解决。

 

.aspx文件的代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default7.aspx.cs" Inherits="Default7" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Textbox键盘事件</title>

    <script language="javascript" type="text/javascript">

    function TabNext(e,s1,s2)

    {

        if(window.event)

        {

            keynum=e.keyCode

        }

        else if(e.which)

        {

            keynum=e.which

        }

       

        if(keynum==13)    //"13"代表回车键

        {

            if(s1=="0")

            {

                document.getElementById(s2).focus()

//document.getElementById() 用来获取一个指定的html元素

                //focus()使其获得焦点

            }

            else

            {

                document.getElementById(s1).click()

            }

            if(window.event)

            {

                e.returnValue=false;

                e.cancelBubble=true;

            }

            else if(e.which)

            {

                e.preventDefault()

            }

        }

      }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    文本框一:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

    <br />

    文本框二:<asp:TextBox Id="TextBox2" runat="server"></asp:TextBox>

    <br />

    文本框三:<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

    <br />

    文本框四:<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>

    <br />

    <asp:Button ID="Button1" runat="server" Text="按钮一" OnClick="Button_Click" />

    <asp:Button ID="Button2" runat="server" Text="按钮二" OnClick="Button_Click" />

    <br />

    <asp:Label ID="Label1" runat="server" Text=""></asp:Label>

    </form>

</body>

</html>

 

相对应的.cs文件的代码为:

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

public partial class Default7 : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        int TextBoxNum = 4;

        for (int i = 1; i <= TextBoxNum; i++)

        {

            if (i != TextBoxNum)

            {

                ((TextBox)form1.FindControl("TextBox"+i.ToString())).Attributes.Add("onkeydown",

                    "TabNext(event,'0','"+((TextBox)form1.FindControl("TextBox"+(1+i).ToString())).ClientID+"')");

  //onkeydown:按下任何键时,onkeypress:按下并放开键时

                //***.FindControl("id",TextBox控件类型)FindControl就是找到这个控件,并返回这个控件的引用。

                //Attributes.Add():添加事件

                //""就近原则配对

            }

            else

            {

                }

                ((TextBox)form1.FindControl("TextBox"+i.ToString())).Attributes.Add("onkeydown",

                    "TabNext(event,'"+Button2.ClientID+"','')");

 

        }

    }

    protected void Button_Click(object sender, EventArgs e)

    {

        Label1.Text = "您单击了:"+((Button)sender).Text;

        //sender:引发事件的对象,(Button)sender:强制类型转换为Button类型,((Button)sender).Text:被单击的按钮的Text值。

    }

}

上面的方法就是通过判断文本框zhogn键盘输入的字符是否是回车符,然后决定是转移焦点到下一个文本输入框还是执行一个方法。

 

 

 

这篇关于通过回车键使得光标自动跳转的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/705695

相关文章

IDEA如何让控制台自动换行

《IDEA如何让控制台自动换行》本文介绍了如何在IDEA中设置控制台自动换行,具体步骤为:File-Settings-Editor-General-Console,然后勾选Usesoftwrapsin... 目录IDEA如何让控制台自http://www.chinasem.cn动换行操作流http://www

vscode保存代码时自动eslint格式化图文教程

《vscode保存代码时自动eslint格式化图文教程》:本文主要介绍vscode保存代码时自动eslint格式化的相关资料,包括打开设置文件并复制特定内容,文中通过代码介绍的非常详细,需要的朋友... 目录1、点击设置2、选择远程--->点击右上角打开设置3、会弹出settings.json文件,将以下内

Python脚本实现自动删除C盘临时文件夹

《Python脚本实现自动删除C盘临时文件夹》在日常使用电脑的过程中,临时文件夹往往会积累大量的无用数据,占用宝贵的磁盘空间,下面我们就来看看Python如何通过脚本实现自动删除C盘临时文件夹吧... 目录一、准备工作二、python脚本编写三、脚本解析四、运行脚本五、案例演示六、注意事项七、总结在日常使用

SpringBoot项目启动后自动加载系统配置的多种实现方式

《SpringBoot项目启动后自动加载系统配置的多种实现方式》:本文主要介绍SpringBoot项目启动后自动加载系统配置的多种实现方式,并通过代码示例讲解的非常详细,对大家的学习或工作有一定的... 目录1. 使用 CommandLineRunner实现方式:2. 使用 ApplicationRunne

Springboot的ThreadPoolTaskScheduler线程池轻松搞定15分钟不操作自动取消订单

《Springboot的ThreadPoolTaskScheduler线程池轻松搞定15分钟不操作自动取消订单》:本文主要介绍Springboot的ThreadPoolTaskScheduler线... 目录ThreadPoolTaskScheduler线程池实现15分钟不操作自动取消订单概要1,创建订单后

python实现自动登录12306自动抢票功能

《python实现自动登录12306自动抢票功能》随着互联网技术的发展,越来越多的人选择通过网络平台购票,特别是在中国,12306作为官方火车票预订平台,承担了巨大的访问量,对于热门线路或者节假日出行... 目录一、遇到的问题?二、改进三、进阶–展望总结一、遇到的问题?1.url-正确的表头:就是首先ur

Spring使用@Retryable实现自动重试机制

《Spring使用@Retryable实现自动重试机制》在微服务架构中,服务之间的调用可能会因为一些暂时性的错误而失败,例如网络波动、数据库连接超时或第三方服务不可用等,在本文中,我们将介绍如何在Sp... 目录引言1. 什么是 @Retryable?2. 如何在 Spring 中使用 @Retryable

使用 Python 和 LabelMe 实现图片验证码的自动标注功能

《使用Python和LabelMe实现图片验证码的自动标注功能》文章介绍了如何使用Python和LabelMe自动标注图片验证码,主要步骤包括图像预处理、OCR识别和生成标注文件,通过结合Pa... 目录使用 python 和 LabelMe 实现图片验证码的自动标注环境准备必备工具安装依赖实现自动标注核心

QT实现TCP客户端自动连接

《QT实现TCP客户端自动连接》这篇文章主要为大家详细介绍了QT中一个TCP客户端自动连接的测试模型,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录版本 1:没有取消按钮 测试效果测试代码版本 2:有取消按钮测试效果测试代码版本 1:没有取消按钮 测试效果缺陷:无法手动停

基于51单片机的自动转向修复系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机