本文實例講述了asp.net實現取消頁面表單內文本輸入框Enter響應的方法。,具體如下:
很早以前開發asp.net項目的時候遇到的:在一個服務器TextBox控件上按下 Enter鍵,頁面回發刷新一遍。后來google一下,發現這是asp.net2.0為表單處理專門設置的"Enter key"功能,關于asp.net ajax表單的enter key,你可以查看這一篇《ASP.NET基于Ajax的Enter鍵提交問題》。前面給出鏈接的兩篇都是叫我們怎么設置enter key默認觸發事件的。現在有一個新需求是這樣的,錄入人員在錄入的時候按下enter鍵不提交表單(想想也是合理的,如果表單中錄入框較多,一不小心按下enter鍵頁面要回發多少次?),除非直接點擊服務器端提交按鈕。簡單地說,就是去掉表單元素的enter key功能。下面是我的實現:
一、初步分析和實現:
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鍵直接回發 /// </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); //遞歸調用 } } }}這樣,想取消“enter key”功能的頁面只有繼承一下BasePage類即可。
2、用戶控件的處理:我的思路就是在基類中繼續處理用戶控件內部的runat=server的控件,測試也是通過的。
3、頁面中和用戶控件里的沒有runat=server標簽的html控件,直接給這些html控件添加onkeydown事件。
下面是測試頁面和其對應的類文件:
新聞熱點
疑難解答
圖片精選