在ASP.NET中,如果同一页面有多个文本框,在每个文本框按“回车”按钮,将会默认响应第一个Button的Click事件,怎样能随意的按回车键而不引发意外的响应或者怎样在不同的地方按回车键得到不同的响应
二、在不同的地方按回车键得到不同的响应
如果同一页面上有多个文本框(TextBox),每个文本框对应不同提交按钮(Button),如下列“登录”的页面里,有“输入邮箱号”和“输入帐号”两个文本框和“进入邮箱”、“进入社区”两个按钮。
实现步骤如下:
1。建立页面和代码文件(此步骤不详细介绍)
2。给 form 加上 onkeydown="keydown()"以屏蔽掉页面的回车响应
keydown()的代码如下:
function keydown() { }
3。给“输入邮箱号”的文本框加上 onkeydown="mail();"让它响应“进入邮箱”按钮事件
mail()代码如下:
function mail()
{
if(event.keyCode==13)
{
document.all.MAIL.click();
alert('mail');
}
}
4。给“输入帐号”的文本框加上 onkeydown="bbs();"让它响应“进入社区”按钮事件
bbs()代码如下:
function bbs()
{
if(event.keyCode==13)
{
document.all.BBS.click();
alert('bbs');
}
}
按回车执行页面上的指定按钮事件
ASP.NET 中让同一页面不同的文本框在按回车时响应不同的提交按扭的事件
1、第一步:先创建以下javascript,如下:
<script language="javascript">
<!--
function KeyDown() {
if(event.keyCode==13) {
//在页面form中,按回车不触发事件
return false;
}
}
function doButton() {
if(event.keyCode==13) {
//btSubmit指对应的提交按扭的id名称
document.all.btSubmit.click();
}
}
//-->
</script>
2、第二步:在 FORM 中加入“onKeyDown”标签,如下:
<form id="Form1" method="post" runat="server" onKeyDown="return KeyDown()">
</form>
3、第三步:在所要按回车的文本框上加入“onKeyDown”标签,如下:
<asp:TextBox id="TextBox1" runat="server" onKeyDown="doButton()"></asp:TextBox>
这是提交按扭:
<asp:Button id="btSubmit" runat="server" Text=" 提交 "></asp:Button>
以上仅供参考
呵呵,经自己亲自试演,如下可行,要先给按钮获得焦点
this.TextBox1.Attributes.Add("onkeypress","if(event.keyCode==13){document.all.btnGOTO.focus();document.all.btnGOTO.click(); return false;}");
this.TextBox1.Attributes.Add("onkeydown","if(event.keyCode==13){document.all.btnGOTO.focus();document.all.btnGOTO.click(); return false;}");
在一个页面上存在多个按钮,有的时候希望按回车直接实现点击某按钮的效果,解决方法如下:
<script language="javascript">
function document.onkeydown()
{
var e=event.srcElement;
if(event.keyCode==13)
{
document.getElementById("需要点击的那个按钮的id").click();
return false;
}
}
</script>
如果页面上有多行文本框,在多行文本框内回车仅仅想实现换行而不是提交表单这么修改
if(e!=document.getElementById("多行文本框的id")&&event.keyCode== 13)
一、在页面任意的地方按回车键都不引发响应
如果整个页面没有需要设置回车提交的,希望在页面任意的地方按回车键都不引发响应,可以将全页面的回车通通转为 Tab,方法是在文件头部加上如下代码:
相关推荐
asp.net页面显示正在加载、提交表单显示进度条
ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET页面加载提示ASP.NET...
asp.net页面加载前进度条 .net 滚动条 C# .net页面状态
Asp.net的TextBox回车触发事件.<script language="javascript">
天轰穿系列教程之-21Asp.Net中的事件(页面事件)天轰穿系列教程之-21Asp.Net中的事件(页面事件)天轰穿系列教程之-21Asp.Net中的事件(页面事件)天轰穿系列教程之-21Asp.Net中的事件(页面事件)天轰穿系列教程之-21Asp...
asp.net 中使用iframe动态加载页面
ASP.NET图片预加载 实例
ASP.NET实现网页预加载效果,代码简洁
jquey,zTree插件,asp.net下异步加载数据实例,项目中要用到jquery,zTree插件,网上没有查到可以直接运行的asp.net实例, 做了一个,可以直接运行,刚开始学这个插件的可以下来参考
ASP.NET页面事件.rarASP.NET页面事件.rar
ASP.NET01页面对象模型 ASP.NET01页面对象模型 ASP.NET01页面对象模型 ASP.NET01页面对象模型
ASP.NET中异步加载数据的无刷新Tab源代码! 很值得下载看看!资源免费,大家分享!!
又四种从ASP.NET页面将数据导出到excel中的方法
解析6种ASP.NET跨页面传值的方法,大家都知道跨页面问题比较麻烦的。这里有六种,总有适合你的。不过跨页面不是跨域哈
ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP.NET入门经典ASP...
ASP.NET页面生命周期描述,介绍了页面是如何生成的,变量的生存周期
ASP.NET基础学习中的鼠标响应事件。对于网页实现广告图片浏览,鼠标响应有所帮助,注:用VS2008编写。
在Visual Studio中创建ASP.NET项目 所有页面要求采用代码后置的编码方式 在项目中添加登录页面login.aspx,效果见下图 实现没有登录重定向到登录页面login.aspx 用户首次登录网站给出用户名和密码的输入...
asp.net 动态页面静态化 asp.net 动态页面静态化
asp.net测试页面,用于页面的测试安全性