ASP.NET基于Ajax的Enter鍵提交問(wèn)題分析

更新時(shí)間：2015年11月30日 11:41:01 作者：Guochen

這篇文章主要介紹了ASP.NET基于Ajax的Enter鍵提交,結(jié)合實(shí)例形式分析了asp.net基于ajax響應(yīng)Enter鍵的提交方法與相關(guān)問(wèn)題解決技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了ASP.NET基于Ajax的Enter鍵提交。分享給大家供大家參考，具體如下：

近日遇到一個(gè)Enter鍵的問(wèn)題，總結(jié)下：

1. 首先復(fù)習(xí)下html form對(duì)Enter的響應(yīng)，不同的瀏覽器對(duì)Enter的處理略有不同，這里采用IE7

A. html form只有一個(gè)TextBox, 沒(méi)有submit按鈕，點(diǎn)Enter 提交form.
B. >1個(gè)TextBox, 沒(méi)有submit按鈕，點(diǎn)Enter ，form沒(méi)有響應(yīng)。
C. 頁(yè)面有一個(gè)（或多個(gè)）submit按鈕，點(diǎn)Enter，觸發(fā)第一個(gè)submit 按鈕click。

2. ASP.NET 中的Enter鍵

ASP.NET 2.0在form上提供了defaultbutton屬性。

復(fù)制代碼代碼如下:

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. 問(wèn)題是Ajax中js變量 __defaultFired 不會(huì)更新回false，造成default button失效。

C. 解決辦法

不一而同，自己設(shè)置

復(fù)制代碼代碼如下:

__defaultFired=false;

希望本文所述對(duì)大家asp.net序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

理解ASP.NET Core 中間件(Middleware)
這篇文章主要介紹了ASP.NET Core 中間件(Middleware)，中間件是一種裝配到應(yīng)用管道以處理請(qǐng)求和響應(yīng)的軟件。文中講解相關(guān)知識(shí)非常詳細(xì)，感興趣的朋友可以一起來(lái)看一看
2021-09-09
asp.net AJAX實(shí)現(xiàn)無(wú)刷新獲得數(shù)據(jù)
提供一個(gè)使用AJAX實(shí)現(xiàn)無(wú)刷新判斷注冊(cè)用戶名是否被注冊(cè)的代碼:
2008-11-11
MVC+EasyUI+三層新聞網(wǎng)站建立詳情頁(yè)面制作方法（八）
這篇文章主要為大家詳細(xì)介紹了MVC+EasyUI+三層新聞網(wǎng)站建立的第八篇，教大家如何制作詳情頁(yè)面，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
ASP.NET如何定時(shí)調(diào)用WebService服務(wù)
在ASP.NET程序中，可以通過(guò)Time組件實(shí)現(xiàn)定時(shí)器功能，但是它與數(shù)據(jù)庫(kù)中的任務(wù)計(jì)劃不一樣，它必須基于程序正在運(yùn)行中才可生效，而數(shù)據(jù)庫(kù)任務(wù)計(jì)劃是不需要基于ASP.NET程序運(yùn)行而執(zhí)行任務(wù)。
2015-10-10
Visual?Studio快捷鍵匯總
這篇文章介紹了Visual?Studio的常用快捷鍵，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-04-04
asp.net使用Socket.Send發(fā)送信息及Socket.SendFile傳輸文件的方法
這篇文章主要介紹了asp.net使用Socket.Send發(fā)送信息及Socket.SendFile傳輸文件的方法,結(jié)合實(shí)例形式分析了asp.net基于socket實(shí)現(xiàn)信息與文件傳輸?shù)南嚓P(guān)技巧,需要的朋友可以參考下
2016-06-06
.NET中的IO操作之文件流用法分析
這篇文章主要介紹了.NET中的IO操作之文件流用法,實(shí)例分析了.net對(duì)文件流的讀寫操作及編碼轉(zhuǎn)換等問(wèn)題,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-01-01
.Net Core路由處理的知識(shí)點(diǎn)與方法總結(jié)
這篇文章主要給大家介紹了關(guān)于.Net Core路由處理的知識(shí)點(diǎn)與方法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-04-04
使用NLog給Asp.Net Core做請(qǐng)求監(jiān)控的方法
這篇文章主要介紹了使用NLog給Asp.Net Core做請(qǐng)求監(jiān)控的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-05-05
ASP.NET中的Cache使用介紹
這篇文章主要介紹了ASP.NET中的Cache使用介紹,本文講解了Cache 是怎么工作的、Cache 怎么創(chuàng)建及怎么銷毀、什么時(shí)候用cache、cache 調(diào)用注意事項(xiàng)等內(nèi)容,需要的朋友可以參考下
2015-06-06