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

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

相关文章

Python使用Tenacity一行代码实现自动重试详解

《Python使用Tenacity一行代码实现自动重试详解》tenacity是一个专为Python设计的通用重试库,它的核心理念就是用简单、清晰的方式,为任何可能失败的操作添加重试能力,下面我们就来看... 目录一切始于一个简单的 API 调用Tenacity 入门:一行代码实现优雅重试精细控制:让重试按我

SQL Server跟踪自动统计信息更新实战指南

《SQLServer跟踪自动统计信息更新实战指南》本文详解SQLServer自动统计信息更新的跟踪方法,推荐使用扩展事件实时捕获更新操作及详细信息,同时结合系统视图快速检查统计信息状态,重点强调修... 目录SQL Server 如何跟踪自动统计信息更新:深入解析与实战指南 核心跟踪方法1️⃣ 利用系统目录

Spring Security 单点登录与自动登录机制的实现原理

《SpringSecurity单点登录与自动登录机制的实现原理》本文探讨SpringSecurity实现单点登录(SSO)与自动登录机制,涵盖JWT跨系统认证、RememberMe持久化Token... 目录一、核心概念解析1.1 单点登录(SSO)1.2 自动登录(Remember Me)二、代码分析三、

MyBatis-Plus 自动赋值实体字段最佳实践指南

《MyBatis-Plus自动赋值实体字段最佳实践指南》MyBatis-Plus通过@TableField注解与填充策略,实现时间戳、用户信息、逻辑删除等字段的自动填充,减少手动赋值,提升开发效率与... 目录1. MyBATis-Plus 自动赋值概述1.1 适用场景1.2 自动填充的原理1.3 填充策略

SpringBoot+Docker+Graylog 如何让错误自动报警

《SpringBoot+Docker+Graylog如何让错误自动报警》SpringBoot默认使用SLF4J与Logback,支持多日志级别和配置方式,可输出到控制台、文件及远程服务器,集成ELK... 目录01 Spring Boot 默认日志框架解析02 Spring Boot 日志级别详解03 Sp

浏览器插件cursor实现自动注册、续杯的详细过程

《浏览器插件cursor实现自动注册、续杯的详细过程》Cursor简易注册助手脚本通过自动化邮箱填写和验证码获取流程,大大简化了Cursor的注册过程,它不仅提高了注册效率,还通过友好的用户界面和详细... 目录前言功能概述使用方法安装脚本使用流程邮箱输入页面验证码页面实战演示技术实现核心功能实现1. 随机

Qt如何实现文本编辑器光标高亮技术

《Qt如何实现文本编辑器光标高亮技术》这篇文章主要为大家详细介绍了Qt如何实现文本编辑器光标高亮技术,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以了解下... 目录实现代码函数作用概述代码详解 + 注释使用 QTextEdit 的高亮技术(重点)总结用到的关键技术点应用场景举例示例优化建议

HTML5实现的移动端购物车自动结算功能示例代码

《HTML5实现的移动端购物车自动结算功能示例代码》本文介绍HTML5实现移动端购物车自动结算,通过WebStorage、事件监听、DOM操作等技术,确保实时更新与数据同步,优化性能及无障碍性,提升用... 目录1. 移动端购物车自动结算概述2. 数据存储与状态保存机制2.1 浏览器端的数据存储方式2.1.

一文详解MySQL如何设置自动备份任务

《一文详解MySQL如何设置自动备份任务》设置自动备份任务可以确保你的数据库定期备份,防止数据丢失,下面我们就来详细介绍一下如何使用Bash脚本和Cron任务在Linux系统上设置MySQL数据库的自... 目录1. 编写备份脚本1.1 创建并编辑备份脚本1.2 给予脚本执行权限2. 设置 Cron 任务2

MyBatis Plus 中 update_time 字段自动填充失效的原因分析及解决方案(最新整理)

《MyBatisPlus中update_time字段自动填充失效的原因分析及解决方案(最新整理)》在使用MyBatisPlus时,通常我们会在数据库表中设置create_time和update... 目录前言一、问题现象二、原因分析三、总结:常见原因与解决方法对照表四、推荐写法前言在使用 MyBATis