本文實例講述了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屬性。
3. Master page下的defaultbutton.
在page中Page_Load中設置
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方法。
WebForm_FireDefaultButton的實現:
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. 解決辦法
不一而同,自己設置
希望本文所述對大家asp.net序設計有所幫助。