ASP.Net TextBox里面实现回车触发按钮事件

glxym 2014-04-22

展开全文

最近在完成一个项目时,需要完成一个搜索功能。功能很好做,但是遇见一个问题就是像百度首页一样，当你在textBox里输入值后，一按回车后面的按钮事件就自动执行。研究了很久,也在网上看了很多。最后发现了一个很简单使用的方法。贴一下~

<asp:Panel ID="panSearch" runat="server" DefaultButton="Button1">    
       <asp:TextBox runat="server" id="key_word" type="text"  size="64" >
       </asp:TextBox>
        <asp:Button ID="Button1" type="submit" Text="" name="Button1"  runat="server" onclick="Button1_Click"/>
 </asp:Panel> 

把两控件放在同一个panel后最重要是声明panel DefaultButton="按钮"。

ok了。

还有两段代码，但是要报错正在研究。可以看看。

1 <asp:textbox id="t" runat="server" onkeydown="if(event.keyCode==13) btn1.click();FormName.Submit();">  
2 
3 
4  //page_load
5  t.Attributes.Add("onkeydown","要激发的函数");

代码 1 <script type="text/javascript">   
   function keyDown()   
   {   
       var e=event.srcElement;   
       if(event.keyCode==13)   
       {   
        document.getElementById("Button1").click();   
       }   
   }   
   </script>   
  
 </head>   
<body>   
   <form id="form1" runat="server">   
       <asp:TextBox ID="TextBox1" runat="server"  onkeydown="keyDown"></asp:TextBox>   
       <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />  