本文實(shí)例講述了ASP.NET基于Ajax的Enter鍵提交。分享給大家供大家參考,具體如下:
近日遇到一個(gè)Enter鍵的問題,總結(jié)下:
1. 首先復(fù)習(xí)下html form對(duì)Enter的響應(yīng),不同的瀏覽器對(duì)Enter的處理略有不同,這里采用IE7
A. html form只有一個(gè)TextBox, 沒有submit按鈕, 點(diǎn)Enter 提交form.
B. >1個(gè)TextBox, 沒有submit按鈕, 點(diǎn)Enter ,form沒有響應(yīng)。
C. 頁(yè)面有一個(gè)(或多個(gè))submit按鈕, 點(diǎn)Enter, 觸發(fā)第一個(gè)submit 按鈕click。
2. ASP.NET 中的Enter鍵
ASP.NET 2.0在form上提供了defaultbutton屬性。
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方法。
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 不會(huì)更新回false,造成default button失效。
C. 解決辦法
不一而同,自己設(shè)置
希望本文所述對(duì)大家asp.net序設(shè)計(jì)有所幫助。