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

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

相关文章

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

Python使用smtplib库开发一个邮件自动发送工具

《Python使用smtplib库开发一个邮件自动发送工具》在现代软件开发中,自动化邮件发送是一个非常实用的功能,无论是系统通知、营销邮件、还是日常工作报告,Python的smtplib库都能帮助我们... 目录代码实现与知识点解析1. 导入必要的库2. 配置邮件服务器参数3. 创建邮件发送类4. 实现邮件

Python使用pynput模拟实现键盘自动输入工具

《Python使用pynput模拟实现键盘自动输入工具》在日常办公和软件开发中,我们经常需要处理大量重复的文本输入工作,所以本文就来和大家介绍一款使用Python的PyQt5库结合pynput键盘控制... 目录概述:当自动化遇上可视化功能全景图核心功能矩阵技术栈深度效果展示使用教程四步操作指南核心代码解析

SpringBoot实现文件记录日志及日志文件自动归档和压缩

《SpringBoot实现文件记录日志及日志文件自动归档和压缩》Logback是Java日志框架,通过Logger收集日志并经Appender输出至控制台、文件等,SpringBoot配置logbac... 目录1、什么是Logback2、SpringBoot实现文件记录日志,日志文件自动归档和压缩2.1、

SpringCloud使用Nacos 配置中心实现配置自动刷新功能使用

《SpringCloud使用Nacos配置中心实现配置自动刷新功能使用》SpringCloud项目中使用Nacos作为配置中心可以方便开发及运维人员随时查看配置信息,及配置共享,并且Nacos支持配... 目录前言一、Nacos中集中配置方式?二、使用步骤1.使用$Value 注解2.使用@Configur