自强 弘毅

努力向前

导航

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中设置
    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;

posted on 2008-05-13 17:05  Guochen  阅读(411)  评论(0编辑  收藏  举报