文档章节

关于asp.net中TextBox里面实现回车触发的解决方案

剑禅觅心
 剑禅觅心
发布于 2016/08/01 21:28
字数 428
阅读 3
收藏 0

   最近在做一个项目,在我职责范围之内有一个“”搜索“”功能,实现方案并不难,但却被一些小问题给绊住了,今天总结第一个小问题:如何在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方法的解决方案还需要研究,我暂时还没能消除那个警告。

本文转载自:http://blog.csdn.net/amohan/article/details/16857011

剑禅觅心
粉丝 7
博文 224
码字总数 0
作品 0
深圳
高级程序员
私信 提问
asp.net 实现回车替代Tab

原文地址:http://blog.csdn.net/zhensoft163/archive/2010/07/23/5758017.aspx 最近一个客户需要在网页上按回车来实现Tab键的功能,我们说也是用Tab键来实现,可用户说他用Excel习惯了,所以...

晨曦之光
2012/05/16
128
0
asp.net TextBox控件设置ReadOnly后,不能回传。

当把一个TextBox控件ReadOnly属性设置为True后,这个控件就不回传了。 很奇怪,以前都没有过这样的怪问题,在别人机器上都能正常,想到可能和ASP.NET的版本有关系。 我用的是 ASP.NET 2.0,当...

donny945
2014/04/10
47
0
ASP.NET 2.0页面框架的几处变化

作者: http://blog.joycode.com/liuhuimiao/ 新增的页面事件: 在ASP.NET 2.0中,一个ASP.NET页面的生命周期主要为(红色字体表示ASP.NET 2.0新增加的阶段页面事件):客户端请求页面—》预初...

晨曦之光
2012/03/09
80
0
如何实现可以带详细表格的DropDownList

作者: cuike519的专栏 http://blog.csdn.net/cuike519/ 本文详细介绍了如何实现在点击DropDownList的时候弹出DataGrid,然后从DataGrid里面选择相应的项。 很早就发现在网上有很酷的下拉选择...

晨曦之光
2012/03/09
95
0
用户js和ASP.NET UpdatePanel 控件之间的互动

用户js和ASP.NET UpdatePanel 控件之间的互动: UpdatePanel更新完成之后调用js 使用js激活UpdatePanel更新 首先是今天代码使用到的内容:UpdatePanel更新完成之后调用js。 关键代码: Sys....

开源中国首席老王
2012/07/18
365
0

没有更多内容

加载失败,请刷新页面

加载更多

Dubbo-自适应拓展机制

背景 在 Dubbo 中,很多拓展都是通过 SPI 机制进行加载的,比如 Protocol、Cluster、LoadBalance 等,这些都是Dubbo的基础组件。这些基础组件的拓展不是在系统框架启动阶段被加载,而是拓展方...

rock-man
13分钟前
3
0
Kali安装fcitx输入法(五笔)

安装fcitx > sudo apt-get install fcitx-rime fcitx-config-gtk3 重启 > sudo reboot fcitx配置 效果就是这样 配置输入法切换 系统设置...

yeahlife
15分钟前
3
0
IE之css3效果兼容

本文转载于:专业的前端网站▷IE之css3效果兼容 一、兼容css阴影效果(ie滤镜) 1.Shadow,阴影 .shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-sha...

前端老手
18分钟前
3
0
NiushopB2C开源商城功能列表说明:

B2C单商户免费版:PC商城+微商城 B2C单商户标准版:PC商城+微商城组合套餐+阶梯优惠核销功能 B2C单商户企业版:PC商城+微商城拼团+组合套餐阶梯优惠+核销功能 B2C单商户分销版:PC商城+微商城...

niushop-芳
19分钟前
3
0
图片如何转GIF图片呢

如何将生活中拍摄的好玩有趣的图片制作成GIF动图呢?相信很多小伙伴都不知道要如何制作,其实制作方法非常的简单,下面分享一个图片转GIF动图的方法,希望这个方法能够帮助大家在与好友斗图时...

白米稀饭2019
26分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部