近日遇到一個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中設定 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的實現:
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;