推广 热搜: 使用  page  音视频  选择  搜索引擎  百度  企业  可以  个数  父亲 

实现在网页中按下回车键时,激发指定的按钮

   日期:2024-12-26     作者:nuqi6    caijiyuan   评论:0    移动:http://ww.kub2b.com/mobile/news/12780.html
核心提示:有时候我们制作网页的时候,需要在输入框内输入完成后,直接敲回车键就可以激发提交事件。比如做一个搜索功能࿰

有时候我们制作网页的时候,需要在输入框内输入完成后,直接敲回车键就可以激发提交事件。比如做一个搜索功能,想让用户在搜索框内输入完内容后,直接敲回车,就可以完成搜索。但是有时候ASP.NET并不能很好的完成这个功能。

这就需要用到Form标签的一个属性:DefaultButton。如果我们设置了这个属性的值,那么在这个表单中的输入框按回车时,会激发指定的按钮的提交事件。看一个示例

WEB

 

 

实现在网页中按下回车键时,激发指定的按钮

 

当我们在输入框内输入文本时,可以看到“搜索1”这个按钮获得了焦点。但是当我们按回车键提交后,页面输出的却是“搜索”这个按钮的ID。这样,我们就很轻松的实现了按回车键提交表单的功能。
 
引申一下,如果我把搜索功能放在了一个单独的用户控件中的话,defaultButton属性该设置成什么呢?还是直接写按钮的ID吗?这样是不行的,会报如下的错误
The DefaultButton of 'form1' must be the ID of a control of type IButtonControl.
 
那我们该怎么办呢?有办法
 
打开上面例子中成功的页面,查看源文件。Form标签是这样的
<form name="form1" method="post" action="Default2.aspx" οnkeypress="javascript :return WebForm_FireDefaultButton(event, 'btnSearch')" id="form1">


 
明白了吧,所谓的默认按钮,其实是用javascript来实现的。

javascript :return WebForm_FireDefaultButton(event, 'btnSearch')


其中,WebForm_FireDefaultButton就是激发事件的函数,而btnSearch就是onkeypress时,要提交的按钮
 
那么,WebForm_FireDefaultButton函数在哪里呢?在源文件中,还会看到下面的脚本链接
<script src="/WebSite1/WebResource.axd?d=l9Q-eeVxG9n-Y-CuJPCABA2&amp;t=633099018103904983" type="text/javascript"></script>

 
把这个脚本文件保存下来,打开。怎么样,看到WebForm_FireDefaultButton函数了吧?复制下来吧。
 
还有,如何得到放在用户控件里的按钮的ID呢?只需在源文件里找啦
 
需要的东西都搜集完了,下面看一下示例吧
 
default.aspx:

 

 

 

http://www.cnblogs.com/xy6521/articles/1017016.html

本文地址:http://ww.kub2b.com/news/12780.html     企库往 http://ww.kub2b.com/ ,  查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

 
 
更多>同类最新文章
0相关评论

文章列表
相关文章
最新动态
推荐图文
最新文章
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号