zoukankan      html  css  js  c++  java
  • 如何在textBox里面实现回车触发某个button事件。

    如何在textBox里面实现回车触发某个button事件。

      网上提供的方案很多,有效的我试过3种:

    方案一是完美解决方案:简约而简单。无警告无错误。

    Code:
    1. <asp:Panel ID="panSearch" runat="server" DefaultButton="SearchBtn">  
    2.                <asp:RequiredFieldValidator ID="KeywordsBlank" runat="server" ControlToValidate="KeywordsTextField"                ErrorMessage="Required"></asp:RequiredFieldValidator>      
    3.                <asp:TextBox ID="KeywordsTextField" runat="server" Width="257px" Height="17px"   
    4.                            AutoCompleteType="Search"></asp:TextBox>   
    5.                <asp:ImageButton ID="SearchBtn" runat="server" Width="22px" Height="18px"   
    6.                        BorderWidth="0" ImageUrl="~/images/search_btn.gif" OnClick="BtnToSearch"   
    7.                            ImageAlign="Middle"/>     
    8.     <br />  
    9.  </asp:Panel>  

    其中的关键是将TextBox和你要关联的Button放在同一个panel里面,用DefaultButton="SearchBtn"来声明要激发的button。
    方案二:在textBox里面使用onkeydown方法,这里又分为两种:
    一种是直接利用C#的
    Code:
    1. <asp:textbox id="t" runat="server" onkeydown="if(event.keyCode==13) btn1.click();FormName.Submit();">  
    这种也可以实现,但是会有警告说onkeydown不是TextBox的属性。
    解决方案是在后台的page load里添加
    Code:
    1. t.Attributes.Add("onkeydown","要激发的函数");  
    然后进行一系列处理,消除警告。
    第二种是通过js实现函数功能:
    Code:
    1. <script type="text/javascript">  
    2.     function keyDown()  
    3.     {  
    4.         var e=event.srcElement;  
    5.         if(event.keyCode==13)  
    6.         {  
    7.          document.getElementById("Button1").click();  
    8.         }  
    9.     }  
    10.     </script>  
    11.   
    12. </head>  
    13. <body>  
    14.     <form id="form1" runat="server">  
    15.         <asp:TextBox ID="TextBox1" runat="server"  onkeydown="keyDown"></asp:TextBox>  
    16.         <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />  
    17.         <input style="display:none"  />      
    这一种同样会有上面的警告,同样可以实现功能。
     
    ---------------------------------------------------------------------------
    在textbox里面添加onkeydown方法的解决方案还需要研究,我暂时还没能消除那个警告。
    = =#
  • 相关阅读:
    2021.3.3
    2021.3.2
    2021.3.1
    2021.2.28(每周总结)
    2021.2.27
    2021.2.26
    2021.2.25
    2021.2.23
    Redis系统学习之五大基本数据类型(List(列表))
    Redis系统学习之五大基本数据类型(String(字符串))
  • 原文地址:https://www.cnblogs.com/yanergui/p/5014317.html
Copyright © 2011-2022 走看看