ASP.NET回车提交事件浅析 |
本文标签:回车提交事件 ASP.NET回车提交事件其实说到底并不是ASP.NET 的编程问题,却是关于html form 中的submit 按钮就是如何规划的具体讨论 。 也可归于ASP.NET编程的一部分,那么ASP.NET回车提交事件的具体实现是怎么样的呢?下面我们具体的看下: ASP.NET回车提交事件实现1、 当你的光标焦点进入某个表单元素的时候,会激活该表单中第一个(流布局顺从左到右,从上至下) type=submit 的按钮(假如有),等待响应回车事件,并提交该form 你可以测试一下代码: 复制代码 代码如下: ﹤form action=""﹥ ﹤input type="text" /﹥ ﹤input type="submit" value="submit" /﹥ ﹤/form﹥ ﹤form action=""﹥ ﹤input type="text" /﹥ ﹤input type="button" value="submit" /﹥ ﹤/form﹥ ASP.NET回车提交事件实现2. 在 ASP.NET 2.0 中 button 默认呈现为 ﹤input type=submit﹥ 此时不要额外脚本提交form ,submit 按钮就是设计用来提交form 而在 1.x 中则呈现为 ﹤input type=button onclick=_doPostBack(...) /﹥ 此普通 button 不具备 submit 的上述默认行为 ASP.NET回车提交事件实现3. 禁用此默认行为有法二 (1)设置 form 元素的 defualtButton 为你希望响应回车的真正按钮如下 复制代码 代码如下: ﹤form id="form1" runat="server" defaultbutton="Button1"﹥ 注意 defaultButton = ﹤ ﹤TargetButton.ID﹥﹥ 因此这对复合控件中比如模板的 Button 可能无效(未测试) (2)修改 button 呈现方式 UseSubmitBehavior="false" 复制代码 代码如下: ﹤asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" UseSubmitBehavior="false" /﹥ 另外可以通过控制焦点的方式,过滤回车实践,需要记录一笔的是,获取当前页面焦点所在控件的ID: document.activeElement 对于ASP.NET.我们在TextBox1中输入内容后,按下enter键后,就执行Button1的click方法 。那么在page_load事件方法中写 。 复制代码 代码如下: TextBox1.Attributes.Add("onkeydown", "if(event.which || event.keyCode){ if ((event.which == 13) || (event.keyCode == 13)) { document.getElementById("+ Button1.UniqueID+").click();return false;}} else {return true}; "); 有ASP.NET里面用了form runat=server的表单的时候,里面的﹤asp:button .. 总不能按个回车提交表单,很是不爽 。 现在终于发现了一个属性可以干这个事情,用 this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit"; 值得注意的是,如果用了masterPage(母板页),那么要在按钮ID前加上母板的ID:ContentPlaceHolderID和一个美元符($) C#实现代码如下: 复制代码 代码如下: ﹤%@ Page Language="C#" MasterPageFile="'/MasterPage.master" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %﹥ ﹤asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"﹥ ﹤asp:TextBox runat="server" ID="wd" ﹥﹤/asp:TextBox﹥ ﹤asp:Button ID="btsubmit" runat="server" Text="提交" OnClick="btsubmit_Click" /﹥ ........................... ﹤/asp:Content﹥ (1)含母板页的类中: 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) { this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit"; } 或者在内容页 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) { this.Page.Form.DefaultButton = "ContentPlaceHolder1$btsubmit"; } (2)非母板页的类中: 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) { this.Form.DefaultButton = "btsubmit"; } ASP.NET回车提交事件的具体情况就向你介绍到这里,希望对你了解和学习ASP.NET回车提交事件有所帮助 。 |