asp.net實現(xiàn)取消頁面表單內(nèi)文本輸入框Enter響應的方法
本文實例講述了asp.net實現(xiàn)取消頁面表單內(nèi)文本輸入框Enter響應的方法。分享給大家供大家參考，具體如下：
很早以前開發(fā)asp.net項目的時候遇到的:在一個服務器TextBox控件上按下 Enter鍵，頁面回發(fā)刷新一遍。后來google一下，發(fā)現(xiàn)這是asp.net2.0為表單處理專門設置的"Enter key"功能，關于asp.net ajax表單的enter key，你可以查看這一篇《ASP.NET基于Ajax的Enter鍵提交問題》。前面給出鏈接的兩篇都是叫我們怎么設置enter key默認觸發(fā)事件的?，F(xiàn)在有一個新需求是這樣的，錄入人員在錄入的時候按下enter鍵不提交表單（想想也是合理的，如果表單中錄入框較多，一不小心按下enter鍵頁面要回發(fā)多少次？），除非直接點擊服務器端提交按鈕。簡單地說，就是去掉表單元素的enter key功能。下面是我的實現(xiàn)：
一、初步分析和實現(xiàn)：
1、頁面繼承一個基類BasePage,基類繼承自Page類，在基類中注冊特定服務器控件的onkeydown腳本事件
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public class BasePage : System.Web.UI.Page
{
public BasePage()
{
}
protected override void OnInit(EventArgs e)
{
base.OnInit(e);
CancelFormControlEnterKey(this.Page.Form.Controls);
}
/// <summary>
/// 在這里我們給Form中的服務器控件添加客戶端onkeydown腳步事件，防止服務器控件按下enter鍵直接回發(fā)
/// </summary>
/// <param name="controls"></param>
public static void CancelFormControlEnterKey(ControlCollection controls)
{
foreach (Control item in controls)
{
//服務器TextBox
if (item.GetType() == typeof(System.Web.UI.WebControls.TextBox))
{
WebControl webControl = item as WebControl;
webControl.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {return false;}} ");
}
//html控件
else if (item.GetType() == typeof(System.Web.UI.HtmlControls.HtmlInputText))
{
HtmlInputControl htmlControl = item as HtmlInputControl;
htmlControl.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {return false;}} ");
}
//用戶控件
else if (item is System.Web.UI.UserControl)
{
CancelFormControlEnterKey(item.Controls); //遞歸調(diào)用
}
}
}
}
這樣，想取消“enter key”功能的頁面只有繼承一下BasePage類即可。
2、用戶控件的處理：我的思路就是在基類中繼續(xù)處理用戶控件內(nèi)部的runat=server的控件，測試也是通過的。
3、頁面中和用戶控件里的沒有runat=server標簽的html控件，直接給這些html控件添加onkeydown事件。
下面是測試頁面和其對應的類文件：
Test.aspx頁面：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="Test" %>
<%@ Register src="TestUserControl.ascx" tagname="TestUserControl" tagprefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server" >
<input type=text id="txtTest" runat="server" /> <input id="txtTest1" type="text" name="txtTest1" onkeydown="if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {return false;}}" />
<asp:textbox ID="Textbox1" runat="server"></asp:textbox>
<uc1:TestUserControl ID="TestUserControl1" runat="server" />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</form>
</body>
</html>
類：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Test : BasePage
{
protected void Page_Load(object sender, EventArgs e)
{
Response.Write("123");
}
}
接著是一個用戶控件：
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TestUserControl.ascx.cs" Inherits="MyWeb.TestUserControl" %>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<input id="Text1" type="text" runat="server"/>
<br />
<input id="txtInput" type="text" name="txtInput" onkeydown="if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {return false;}}" />
在筆者的機器上，對TextBox，HtmlInputText和沒有runat=server標簽的html控件以及三者組合成的用戶控件按照上面的思路按下enter鍵運行效果果然沒有回發(fā)了。
二、腳本改進時碰到的問題
然后我看到if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {return false;}}這一句不斷地出現(xiàn)，就好心把它在頁面里封裝成JavaScript函數(shù)叫forbidInputKeyDown(ev)：
<script type="text/javascript">
function forbidInputKeyDown(ev) {
if (typeof (ev) != "undefined") {
if (ev.keyCode || ev.which) {
if (ev.keyCode == 13 || ev.which == 13) { return false; }
}
}
}
</script>
然后onkeydown的方法對應的事件就是“forbidInputKeyDown(event)”（比如對于頁面中服務器端的TextBox控件在注冊客戶端事件的時候就改寫成 webControl.Attributes.Add("onkeydown", "forbidInputKeyDown(event)");），奇怪的是，這一次，頁面又回發(fā)了？！ 然后腳本調(diào)試，forbidInputKeyDown函數(shù)也執(zhí)行了，可是form還是被提交了。
我又看了一下腳本位置，把它從head移動到body內(nèi)，問題依舊。然后懷疑是不是腳本錯了？不對，腳本沒錯。難道是人品有問題？有問題嗎，這個自信真沒有。注冊事件錯了嗎？嗯......
我kao，恍然大悟，注冊事件應該這么寫的：onkeydown="return forbidInputKeyDown(event)"，也就是forbidInputKeyDown函數(shù)前面加上return就好了，還是人品啊，囧。
希望本文所述對大家asp.net#程序設計有所幫助。
相關文章
這篇文章主要給大家介紹了關于.net 4.5部署到docker容器的完整步驟，文中通過示例代碼介紹的非常詳細，對大家學習或者使用.net4.5具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-04-04
使用Asp.net進行開發(fā)時，因為某些需求原因，需要在頁面中動態(tài)添加控件。當然，這些控件可以是普通的html標簽，也可以是Asp.net獨有的服務器端控件。2009-04-04
使用NLog給Asp.Net Core做請求監(jiān)控的方法
這篇文章主要介紹了使用NLog給Asp.Net Core做請求監(jiān)控的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
VS2010、VS2008等項目的默認瀏覽器修改方法(圖文)
默認情況下，VS會使用操作系統(tǒng)的默認瀏覽器，但我在調(diào)試 ASP.NET 程序時更偏向于使用IE瀏覽器，下面與大家分享下VS2010、VS2008等項目的默認瀏覽器的修改方法2013-05-05
.NET 9 中的 多級緩存 HybridCache示例詳解
HybridCache是.NET9中引入的一種新的緩存模型,它封裝了本地緩存和分布式緩存,簡化了緩存操作并提供了標簽刪除和約束選項,本文給大家介紹.NET 9 中的 多級緩存 HybridCache,感興趣的朋友一起看看吧2024-12-12
ASP.NET MVC從控制器傳遞數(shù)據(jù)到視圖的四種方式詳解
本篇文章主要介紹了ASP.NET MVC從控制器傳遞數(shù)據(jù)到視圖的四種方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-01-01
這篇文章主要介紹了ASP.NET如何使用web服務的會話狀態(tài)，使用一個GridView中的會話對象來展示最近的計算結(jié)果，感興趣的小伙伴們可以參考一下2015-11-11
在Framework4.0中實現(xiàn)延遲加載的實現(xiàn)方法
延遲加載，亦稱延遲實例化，延遲初始化等，主要表達的思想是，把對象的創(chuàng)建將會延遲到使用時創(chuàng)建，而不是在對象實例化時創(chuàng)建對象，即用時才加載。2011-08-08
本文討論如何以ASP.NET中的CodeBehind方式實現(xiàn)各種彈出窗口，實現(xiàn)與彈出窗口的交互2012-10-10
由于WPF自帶的進度條其實不怎么好看，而且沒啥視覺效果。下面給大家分享的是仿VS的進度條效果的代碼，有需要的小伙伴可以參考下。2015-06-06