本文實(shí)例講述了ASP.NET基于Ajax的Enter鍵提交。分享給大家供大家參考，具體如下：
近日遇到一個(gè)Enter鍵的問題，總結(jié)下：
1. 首先復(fù)習(xí)下html form對Enter的響應(yīng)，不同的瀏覽器對Enter的處理略有不同，這里采用IE7
A. html form只有一個(gè)TextBox, 沒有submit按鈕， 點(diǎn)Enter 提交form.
B. >1個(gè)TextBox, 沒有submit按鈕， 點(diǎn)Enter ，form沒有響應(yīng)。
C. 頁面有一個(gè)（或多個(gè)）submit按鈕， 點(diǎn)Enter， 觸發(fā)第一個(gè)submit 按鈕click。
2. ASP.NET 中的Enter鍵
ASP.NET 2.0在form上提供了defaultbutton屬性。
復(fù)制代碼 代碼如下:
form id="form" runat="server" defaultbutton="dummyDefaultBtn">
3. Master page下的defaultbutton.
在page中Page_Load中設(shè)置
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的實(shí)現(xiàn)。
A. ASP.NET的defaultbutton的實(shí)現(xiàn)。
在html中添加WebForm_FireDefaultButton方法。
復(fù)制代碼 代碼如下:
form name="aspnetForm" method="post" action="" onsubmit="javascript:return WebForm_OnSubmit();" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'your btnID>')" id="aspnetForm">
WebForm_FireDefaultButton的實(shí)現(xiàn)：
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. 解決辦法
不一而同，自己設(shè)置
復(fù)制代碼 代碼如下:
__defaultFired=false;
希望本文所述對大家asp.net序設(shè)計(jì)有所幫助。
您可能感興趣的文章:- asp.net+ajax簡單分頁實(shí)例分析
- ASP.NET搭配Ajax實(shí)現(xiàn)搜索提示功能
- ASP.NET與Ajax的實(shí)現(xiàn)方式小總結(jié)
- Ajax+asp.net實(shí)現(xiàn)用戶登陸
- asp.net+ajax的Post請求實(shí)例
- asp.net使用AJAX實(shí)現(xiàn)無刷新分頁
- asp.net+ajax+sqlserver自動補(bǔ)全功能實(shí)現(xiàn)解析
- jquery.Ajax()方法調(diào)用Asp.Net后臺的方法解析
- asp.net中利用Jquery+Ajax+Json實(shí)現(xiàn)無刷新分頁的實(shí)例代碼
- Asp.net ajax實(shí)現(xiàn)任務(wù)提示頁面的簡單代碼
- ASP.NET中TextBox使用Ajax控件顯示日期不全的問題解決方法
- ASP.NET中使用Ajax的方法
- 輕量級asp.net ajax解決方案詳解
