如何在页面中添加焦点 JavaScript实例

本文介绍了一种使用JavaScript为网页表单元素添加焦点处理的方法,使用户可通过键盘操作完成提交等功能,提升用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        细心的朋友不难发现,人性化的网站都是进行过焦点处理的。即可以通过回车键来完成确定或提交功能。
而通常情况下,默认按钮是没有焦点的,这就需要我们通过一些方法把焦点加上。下面就简单介绍一下Js添加
焦点的方法。

/// <summary>
    
/// 添加焦点
    
/// </summary>

    private void Script()
    
{
        
//实例化一个StringBuilder实例
        StringBuilder sb = new StringBuilder();    
        
//找到页面中的各个控件
        Button btnOK = this.FindControl("btn_AddSec"as Button;
        TextBox txtcode 
= this.FindControl("txt_SchoolCode"as TextBox;
        TextBox txtname 
= this.FindControl("txt_SchoolName"as TextBox;
        TextBox txtsec 
= this.FindControl("txt_TotalNum"as TextBox;
        
//添加JS函数
        sb.Append("function f()\n{\n");
        sb.Append(
"var finishbtn;\n");
        sb.Append(
"finishbtn = document.getElementById('" + btnOK.ClientID + "');\n");
        sb.Append(
"if(event.keyCode=='13')\n{\n");
        sb.Append(
"if(finishbtn!=undefined){\n");
        sb.Append(
"finishbtn.click();\n");
        sb.Append(
"return false;\n");
        sb.Append(
"}\n");
        sb.Append(
"}\n");
        sb.Append(
"}\n");
        
//将相应控件的属性加上此函数
        txtcode.Attributes["onkeypress"= "return f();";
        txtname.Attributes[
"onkeypress"= "return f();";
        txtsec.Attributes[
"onkeypress"= "return f();";
        
//注册
        Page.ClientScript.RegisterClientScriptBlock(typeof(string), Guid.NewGuid().ToString(), sb.ToString(), true);
    }


     然后只需要在相应的地方调用就可以了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值