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

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自动生成注释模板的配置教程》本文介绍了如何在IntelliJIDEA中配置类和方法的注释模板,包括自动生成项目名称、包名、日期和时间等内容,以及如何定制参数和返回值的注释格式,需要的朋友可以... 目录项目场景配置方法类注释模板定义类开头的注释步骤类注释效果方法注释模板定义方法开头的注释步骤方法注

pytorch自动求梯度autograd的实现

《pytorch自动求梯度autograd的实现》autograd是一个自动微分引擎,它可以自动计算张量的梯度,本文主要介绍了pytorch自动求梯度autograd的实现,具有一定的参考价值,感兴趣... autograd是pytorch构建神经网络的核心。在 PyTorch 中,结合以下代码例子,当你

Python如何自动生成环境依赖包requirements

《Python如何自动生成环境依赖包requirements》:本文主要介绍Python如何自动生成环境依赖包requirements问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录生成当前 python 环境 安装的所有依赖包1、命令2、常见问题只生成当前 项目 的所有依赖包1、

Spring Boot项目中结合MyBatis实现MySQL的自动主从切换功能

《SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能》:本文主要介绍SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能,本文分步骤给大家介绍的... 目录原理解析1. mysql主从复制(Master-Slave Replication)2. 读写分离3.

微信公众号脚本-获取热搜自动新建草稿并发布文章

《微信公众号脚本-获取热搜自动新建草稿并发布文章》本来想写一个自动化发布微信公众号的小绿书的脚本,但是微信公众号官网没有小绿书的接口,那就写一个获取热搜微信普通文章的脚本吧,:本文主要介绍微信公众... 目录介绍思路前期准备环境要求获取接口token获取热搜获取热搜数据下载热搜图片给图片加上标题文字上传图片

SpringBoot中封装Cors自动配置方式

《SpringBoot中封装Cors自动配置方式》:本文主要介绍SpringBoot中封装Cors自动配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot封装Cors自动配置背景实现步骤1. 创建 GlobalCorsProperties

idea中创建新类时自动添加注释的实现

《idea中创建新类时自动添加注释的实现》在每次使用idea创建一个新类时,过了一段时间发现看不懂这个类是用来干嘛的,为了解决这个问题,我们可以设置在创建一个新类时自动添加注释,帮助我们理解这个类的用... 目录前言:详细操作:步骤一:点击上方的 文件(File),点击&nbmyHIgsp;设置(Setti

一文详解SQL Server如何跟踪自动统计信息更新

《一文详解SQLServer如何跟踪自动统计信息更新》SQLServer数据库中,我们都清楚统计信息对于优化器来说非常重要,所以本文就来和大家简单聊一聊SQLServer如何跟踪自动统计信息更新吧... SQL Server数据库中,我们都清楚统计信息对于优化器来说非常重要。一般情况下,我们会开启"自动更新

Flask 验证码自动生成的实现示例

《Flask验证码自动生成的实现示例》本文主要介绍了Flask验证码自动生成的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习... 目录生成图片以及结果处理验证码蓝图html页面展示想必验证码大家都有所了解,但是可以自己定义图片验证码

Python Excel实现自动添加编号

《PythonExcel实现自动添加编号》这篇文章主要为大家详细介绍了如何使用Python在Excel中实现自动添加编号效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、背景介绍2、库的安装3、核心代码4、完整代码1、背景介绍简单的说,就是在Excel中有一列h=会有重复