淺析ASP.NET回車提交事件
ASP.NET回車提交事件其實(shí)說(shuō)到底并不是ASP.NET 的編程問(wèn)題,卻是關(guān)于html form 中的submit 按鈕就是如何規(guī)劃的具體討論。 也可歸于ASP.NET編程的一部分,那么ASP.NET回車提交事件的具體實(shí)現(xiàn)是怎么樣的呢?下面我們具體的看下:
ASP.NET回車提交事件實(shí)現(xiàn)1、
當(dāng)你的光標(biāo)焦點(diǎn)進(jìn)入某個(gè)表單元素的時(shí)候,會(huì)激活該表單中第一個(gè)(流布局順從左到右,從上至下) type=submit 的按鈕(假如有),等待響應(yīng)回車事件,并提交該form
你可以測(cè)試一下代碼:
- ﹤form action=""﹥
- ﹤input type="text" /﹥
- ﹤input type="submit" value="submit" /﹥
- ﹤/form﹥
- ﹤form action=""﹥
- ﹤input type="text" /﹥
- ﹤input type="button" value="submit" /﹥
- ﹤/form﹥
ASP.NET回車提交事件實(shí)現(xiàn)2.
在 ASP.NET 2.0 中 button 默認(rèn)呈現(xiàn)為 ﹤input type=submit﹥ 此時(shí)不要額外腳本提交form ,submit 按鈕就是設(shè)計(jì)用來(lái)提交form 而在 1.x 中則呈現(xiàn)為 ﹤input type=button onclick=_doPostBack(...) /﹥ 此普通 button 不具備 submit 的上述默認(rèn)行為
ASP.NET回車提交事件實(shí)現(xiàn)3. 禁用此默認(rèn)行為有法二
(1)設(shè)置 form 元素的 defualtButton 為你希望響應(yīng)回車的真正按鈕如下
- ﹤form id="form1"
- runat="server"
- defaultbutton="Button1"﹥
注意 defaultButton = ﹤ ﹤TargetButton.ID﹥﹥ 因此這對(duì)復(fù)合控件中比如模板的 Button 可能無(wú)效(未測(cè)試)
(2)修改 button 呈現(xiàn)方式 UseSubmitBehavior="false"
- ﹤asp:Button ID="Button1"
- runat="server" Text="Button"
- onclick="Button1_Click"
- UseSubmitBehavior="false" /﹥
另外可以通過(guò)控制焦點(diǎn)的方式,過(guò)濾回車實(shí)踐,需要記錄一筆的是,獲取當(dāng)前頁(yè)面焦點(diǎn)所在控件的ID:
- document.activeElement
對(duì)于ASP.NET.我們?cè)赥extBox1中輸入內(nèi)容后,按下enter鍵后,就執(zhí)行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的表單的時(shí)候,里面的﹤asp:button .. 總不能按個(gè)回車提交表單,很是不爽。
現(xiàn)在終于發(fā)現(xiàn)了一個(gè)屬性可以干這個(gè)事情,用 this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
值得注意的是,如果用了masterPage(母板頁(yè)),那么要在按鈕ID前加上母板的ID:ContentPlaceHolderID和一個(gè)美元符($)
C#實(shí)現(xiàn)代碼如下:
- ﹤%@ 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)含母板頁(yè)的類中:
- protected void Page_Load(object sender, EventArgs e)
- {
- this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
- }
或者在內(nèi)容頁(yè)
- protected void Page_Load(object sender, EventArgs e)
- {
- this.Page.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
- }
(2)非母板頁(yè)的類中:
- protected void Page_Load(object sender, EventArgs e)
- {
- this.Form.DefaultButton = "btsubmit";
- }
ASP.NET回車提交事件的具體情況就向你介紹到這里,希望對(duì)你了解和學(xué)習(xí)ASP.NET回車提交事件有所幫助。
【編輯推薦】