如何在页面中添加焦点 JavaScript实例
来源:互联网 发布:南昌软件开发工作 编辑:程序博客网 时间:2024/05/15 23:50
细心的朋友不难发现,人性化的网站都是进行过焦点处理的。即可以通过回车键来完成确定或提交功能。
而通常情况下,默认按钮是没有焦点的,这就需要我们通过一些方法把焦点加上。下面就简单介绍一下Js添加
焦点的方法。
然后只需要在相应的地方调用就可以了。
而通常情况下,默认按钮是没有焦点的,这就需要我们通过一些方法把焦点加上。下面就简单介绍一下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);
}
/// 添加焦点
/// </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);
}
然后只需要在相应的地方调用就可以了。
- 如何在页面中添加焦点 JavaScript实例
- 如何在页面中添加打印功能
- 如何在页面中引用JavaScript脚本?
- 如何在页面中引用JavaScript脚本?
- 如何在listview中添加button,使得listview item 和 button获取焦点不冲突
- 如何让新添加的页面获得焦点呢?
- 如何在html页面中添加搜索功能
- 如何在表单页面中自动添加行
- 如何在aspx页面中添加Silverlight控件
- 如何在页面中添加我们的侧边栏
- 如何在OpenStack中手动添加虚拟机实例网卡
- JavaScript 在页面加载后自动设置焦点
- 在Javascript中用来获取页面焦点信息
- 如何在对话框中设置默认焦点
- 如何在javascript中访问页面定义的变量
- 如何在javascript中访问页面定义的变量
- 如何在javascript中访问页面定义的变量
- 实例谈谈this在JavaScript中如何工作
- 最新PHP5.20和apache2.2的手动安装配置
- 泛型参与多封邮件发送的实例
- 高性能的网络游戏服务器的设计[转]
- NET 2.0远程传输数据集的优化方法
- oracle数据库命令行导入导出
- 如何在页面中添加焦点 JavaScript实例
- Js完成ListBox内容的交互实例
- IT公司需要什么样的考勤制度?
- 编程技巧 asp.net控件本质
- 网上开店的流程
- .NET学习全景图
- TreeView绑定数据库中的数据实例
- 感觉我身上的一点酸腐气常常把事情弄得很复杂
- javascript实现复选框的全选功能