ASP.NET回車提交事件淺析
更新時間：2012年01月05日 15:16:08 作者：
ASP.NET回車提交事件是什么呢？是如何實現(xiàn)的呢？ASP.NET回車提交事件的執(zhí)行需要注意什么細節(jié)呢？那么本文就向你介紹詳細的內(nèi)容，希望對你有所幫助
ASP.NET回車提交事件其實說到底并不是ASP.NET 的編程問題，卻是關(guān)于html form 中的submit 按鈕就是如何規(guī)劃的具體討論。 也可歸于ASP.NET編程的一部分，那么ASP.NET回車提交事件的具體實現(xiàn)是怎么樣的呢？下面我們具體的看下：
ASP.NET回車提交事件實現(xiàn)1、
當你的光標焦點進入某個表單元素的時候，會激活該表單中第一個（流布局順從左到右，從上至下） type=submit 的按鈕（假如有），等待響應(yīng)回車事件，并提交該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回車提交事件實現(xiàn)2.
在 ASP.NET 2.0 中 button 默認呈現(xiàn)為 ﹤input type=submit﹥ 此時不要額外腳本提交form ，submit 按鈕就是設(shè)計用來提交form 而在 1.x 中則呈現(xiàn)為 ﹤input type=button onclick=_doPostBack(...) /﹥ 此普通 button 不具備 submit 的上述默認行為
ASP.NET回車提交事件實現(xiàn)3. 禁用此默認行為有法二
(1)設(shè)置 form 元素的 defualtButton 為你希望響應(yīng)回車的真正按鈕如下
﹤form id="form1"
runat="server"
defaultbutton="Button1"﹥
注意 defaultButton = ﹤ ﹤TargetButton.ID﹥﹥ 因此這對復(fù)合控件中比如模板的 Button 可能無效（未測試）
(2)修改 button 呈現(xiàn)方式 UseSubmitBehavior="false"
﹤asp:Button ID="Button1"
runat="server" Text="Button"
onclick="Button1_Click"
UseSubmitBehavior="false" /﹥
另外可以通過控制焦點的方式，過濾回車實踐，需要記錄一筆的是，獲取當前頁面焦點所在控件的ID：
document.activeElement
對于ASP.NET.我們在TextBox1中輸入內(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的表單的時候，里面的﹤asp:button .. 總不能按個回車提交表單，很是不爽。
現(xiàn)在終于發(fā)現(xiàn)了一個屬性可以干這個事情，用 this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
值得注意的是，如果用了masterPage(母板頁)，那么要在按鈕ID前加上母板的ID:ContentPlaceHolderID和一個美元符($)
C#實現(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)含母板頁的類中:
protected void Page_Load(object sender, EventArgs e)
{
this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
}
或者在內(nèi)容頁
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回車提交事件的具體情況就向你介紹到這里，希望對你了解和學(xué)習(xí)ASP.NET回車提交事件有所幫助。
ASP.NET回車提交事件實現(xiàn)1、
當你的光標焦點進入某個表單元素的時候，會激活該表單中第一個（流布局順從左到右，從上至下） type=submit 的按鈕（假如有），等待響應(yīng)回車事件，并提交該form
你可以測試一下代碼：
復(fù)制代碼 代碼如下:
﹤form action=""﹥
﹤input type="text" /﹥
﹤input type="submit" value="submit" /﹥
﹤/form﹥
﹤form action=""﹥
﹤input type="text" /﹥
﹤input type="button" value="submit" /﹥
﹤/form﹥
ASP.NET回車提交事件實現(xiàn)2.
在 ASP.NET 2.0 中 button 默認呈現(xiàn)為 ﹤input type=submit﹥ 此時不要額外腳本提交form ，submit 按鈕就是設(shè)計用來提交form 而在 1.x 中則呈現(xiàn)為 ﹤input type=button onclick=_doPostBack(...) /﹥ 此普通 button 不具備 submit 的上述默認行為
ASP.NET回車提交事件實現(xiàn)3. 禁用此默認行為有法二
(1)設(shè)置 form 元素的 defualtButton 為你希望響應(yīng)回車的真正按鈕如下
復(fù)制代碼 代碼如下:
﹤form id="form1"
runat="server"
defaultbutton="Button1"﹥
注意 defaultButton = ﹤ ﹤TargetButton.ID﹥﹥ 因此這對復(fù)合控件中比如模板的 Button 可能無效（未測試）
(2)修改 button 呈現(xiàn)方式 UseSubmitBehavior="false"
復(fù)制代碼 代碼如下:
﹤asp:Button ID="Button1"
runat="server" Text="Button"
onclick="Button1_Click"
UseSubmitBehavior="false" /﹥
另外可以通過控制焦點的方式，過濾回車實踐，需要記錄一筆的是，獲取當前頁面焦點所在控件的ID：
document.activeElement
對于ASP.NET.我們在TextBox1中輸入內(nèi)容后，按下enter鍵后，就執(zhí)行Button1的click方法。那么在page_load事件方法中寫。
復(fù)制代碼 代碼如下:
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 .. 總不能按個回車提交表單，很是不爽。
現(xiàn)在終于發(fā)現(xiàn)了一個屬性可以干這個事情，用 this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
值得注意的是，如果用了masterPage(母板頁)，那么要在按鈕ID前加上母板的ID:ContentPlaceHolderID和一個美元符($)
C#實現(xiàn)代碼如下：
復(fù)制代碼 代碼如下:
﹤%@ 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)含母板頁的類中:
復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
}
或者在內(nèi)容頁
復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
this.Page.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
}
(2)非母板頁的類中:
復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
this.Form.DefaultButton = "btsubmit";
}
ASP.NET回車提交事件的具體情況就向你介紹到這里，希望對你了解和學(xué)習(xí)ASP.NET回車提交事件有所幫助。
您可能感興趣的文章:
相關(guān)文章
詳解在ASP.NET Core中使用Angular2以及與Angular2的Token base身份認證
這篇文章主要介紹了詳解在ASP.NET Core中使用Angular2以及與Angular2的Token base身份認證,有興趣的可以了解一下。2016-12-12
asp.net Repeater顯示父子表數(shù)據(jù),無閃爍
兩天在改項目bug,發(fā)現(xiàn)以前有人做的repeater顯示父子表結(jié)構(gòu)展開和關(guān)閉子表數(shù)據(jù)時總是有閃爍,于是就試著改成無閃爍的,成功了,與大家分享.2009-12-12
今年有個系統(tǒng)的部分EXCEL的操作也讓我做，順便結(jié)合之前操作EXCEL的經(jīng)驗作一下總結(jié)，可能也算不上什么，對于絕大多數(shù)來說也沒什么技術(shù)含量，網(wǎng)上一搜一大把，但我想還是有必要總結(jié)一下2011-02-02
這篇文章介紹了EF?Core通過顯式編譯提高查詢性能的方法，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-02-02
.NET Corek中Git的常用命令及實戰(zhàn)演練
這篇文章將通過故事的形式從Git的歷史談起，并講述Git的強大之處。然后通過實戰(zhàn)演練教你如何在Github以及碼云上托管我們的代碼并進行代碼的版本控制2019-04-04
這篇文章介紹了WPF創(chuàng)建Prism應(yīng)用程序的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-02-02
這篇文章介紹了使用Visual?Studio創(chuàng)建WPF項目的方法，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
點擊按鈕，執(zhí)行提交操作，彈出消息框后，頁面的樣式變亂，已經(jīng)確定了不是css樣式的問題，接下來與大家共同探討下究竟是什么問題導(dǎo)致頁面變亂2013-04-04
詳解ASP.NET MVC 解析模板生成靜態(tài)頁（RazorEngine）
我們在很多項目開發(fā)中會常常用到頁面靜態(tài)化，本篇文章主要介紹了詳解ASP.NET MVC 解析模板生成靜態(tài)頁（RazorEngine） ，具有一定的參考價值，有興趣的可以了解一下。2017-03-03
這篇文章主要介紹了asp.net后臺彈窗如何實現(xiàn),需要的朋友可以參考下2014-02-02