本文實例講述了ASP.NET基于Ajax的Enter鍵提交。分享給大家供大家參考，具體如下：
近日遇到一個Enter鍵的問題，總結下：
1. 首先復習下html form對Enter的響應，不同的瀏覽器對Enter的處理略有不同，這里采用IE7
A. html form只有一個TextBox, 沒有submit按鈕， 點Enter 提交form.
B. >1個TextBox, 沒有submit按鈕， 點Enter ，form沒有響應。
C. 頁面有一個（或多個）submit按鈕， 點Enter， 觸發第一個submit 按鈕click。
2. ASP.NET 中的Enter鍵
ASP.NET 2.0在form上提供了defaultbutton屬性。
復制代碼 代碼如下:
<form id="form" runat="server" defaultbutton="dummyDefaultBtn">
3. Master page下的defaultbutton.
在page中Page_Load中設置
|
1
2
3
4
5
|
protected void Page_Load(object sender, EventArgs e){ if (!this.Page.IsPostBack) { this.Page.Master.Page.Form.DefaultButton = this.BtnSave.UniqueID; |
4. Ajax下的defaultbutton
Ajax的局部刷新破壞了defaultbutton的實現。
A. ASP.NET的defaultbutton的實現。
在html中添加WebForm_FireDefaultButton方法。
復制代碼 代碼如下:
<form name="aspnetForm" method="post" action="" onsubmit="javascript:return WebForm_OnSubmit();" onkeypress="javascript:return WebForm_FireDefaultButton(event, '<your btnID>')" id="aspnetForm">
WebForm_FireDefaultButton的實現：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
var __defaultFired = false;function WebForm_FireDefaultButton(event, target) { if (!__defaultFired && event.keyCode == 13 && !(event.srcElement && (event.srcElement.tagName.toLowerCase() == "textarea"))) { var defaultButton; if (__nonMSDOMBrowser) { defaultButton = document.getElementById(target); } else { defaultButton = document.all[target]; } if (defaultButton && typeof(defaultButton.click) != "undefined") { __defaultFired = true; defaultButton.click(); event.cancelBubble = true; if (event.stopPropagation) event.stopPropagation(); return false; } } return true;} |
B. 問題是Ajax中js變量 __defaultFired 不會更新回false，造成default button失效。
C. 解決辦法
不一而同，自己設置
復制代碼 代碼如下:
__defaultFired=false;
希望本文所述對大家asp.net序設計有所幫助。
