文本框回车事件

　　我负责的项目,其中有一个页面有两个按钮,两个文本框，登录时敲回车键触发"登录"事件，但是搜索时敲回车键也触发"登录"事件，其实应触发"搜索事件"。实际上不管在哪个文本框敲回车，总是触发第一个按钮的事件 (这是由于通常回车键默认触发第一按钮的事件)。

　　BOSS让我修改一下,我想这么简单的东西,不是什么难题,经过一番激烈的战斗,无数脑细胞壮烈的牺牲,却没有任何进展,....很是窝火....最后在百度的帮助下找到了解决办法,现分享如下: [实例]

要点有三:

1. 登录的文本框是HTML控件，搜索是Asp.net控件,添加事件的方式不同;

2. 给button控件设置属性: UseSubmitBehavior="False",将Button的type由submit变为button;

3. 取得button控件的ID: document.getElementById('<%=imgLogin.ClientID %>')

实例代码如下,欢迎大家拍砖...

前台代码:

View Code

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="gly.aspx.cs" Inherits="gly" %>
 2 
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 <html xmlns="http://www.w3.org/1999/xhtml">
 5 <head runat="server">
 6     <title></title>
 7     <script type="text/javascript">
 8 
 9         function t_Login() {               
10             if (event.keyCode == 13) {
11                 document.getElementById('<%=imgLogin.ClientID %>').onclick();//注意这个地方拿ID,
12             }
13         }
14 
15         function search() {
16             if (event.keyCode == 13) {
17                 document.getElementById('<%=imgsearch.ClientID %>').onclick();
18             }
19         }
20 
21     </script>
22 
23 </head>
24 <body>
25     <form id="form1" runat="server">
26     <div>
27         登陆: 
28         <input name="textfield" type="text" id="txtUserName" runat="server" onkeydown="t_Login();" />
29        
30         <asp:Button ID="imgLogin" runat="server" OnClick="imgLogin_Click" 
31             UseSubmitBehavior="False" Text="登陆" />
32         <br/>
33         搜索: 
34         <asp:TextBox runat="server" ID="txtkey"/> 
35    
36         <asp:Button ID="imgsearch" runat="server" OnClick="imgsearch_Click" 
37             UseSubmitBehavior="False" Text="搜索" />             
38     </div>
39     </form>
40 </body>
41 </html>

后台代码:

View Code

 1 using System;
 2 
 3 public partial class gly : System.Web.UI.Page
 4 {
 5     protected void Page_Load(object sender, EventArgs e)
 6     {
 7         //登录的文本框是HTML控件，搜索是Asp.net控件。为文本框添加事件的方法不同。
 8         txtkey.Attributes.Add("onkeydown", "search();");
 9     }
10 
11     protected void imgLogin_Click(object sender, EventArgs e)
12     {
13         //登陆...
14         if(txtUserName.Value!="")
15         {
16             Response.Write("登陆...");   
17         }
18     }
19 
20     protected void imgsearch_Click(object sender, EventArgs e)
21     {
22         //搜索
23         if(txtkey.Text!="")
24         {
25             Response.Write("搜索...");
26         }
27     }
28 }