ASP.NET页面回车键触发Button按钮事件问题

时间:2023-03-08 18:24:46
ASP.NET页面回车键触发Button按钮事件问题

首先了解一下Button.UseSubmitBehavior属性。

获取或设置一个布尔值,该值指示 Button 控件使用客户端浏览器的提交机制还是 ASP.NET 回发机制。

如果该控件使用了客户端浏览器的提交机制,则为 true;否则为 false。默认值为 true

Button.OnClientClick 属性

在引发某个 Button 控件的 Click 事件时所执行的客户端脚本。

使用 OnClientClick 属性来指定在引发某个 Button 控件的 Click 事件时所执行的附加客户端脚本。 除了控件的预定义客户端脚本外,为此属性指定的脚本也呈现在 Button 控件的 OnClick 特性中。

1。深层次来说这不是asp.net 的问题,而是html form 的submit 按钮就是如何设计。
当你的光标焦点进入某个表单元素的时候,会激活该表单的第一个(
流布局顺从左到右,从上至下)
type=submit 的按钮(假如有),等待响应回车事件,并提交该form
你可以测试一下代码
<form action="">
 <input type ="text" />
 <input type ="submit" value ="submit" />
</form>

<form action="">
 <input type ="text" />
 <input type ="button" value ="submit"/>
</form>

2.在asp.net 2.0 中button 默认呈现为<input type=submit>
此时不要额外脚本提交form,submit 按钮就是设计用来提交form
而在1。x中呈现为<input type =button onclick =_doPostBack()/>
此普通button不具备submit 的上述默认行为。
3。禁用此默认行为有法二
1.设置form元素的defaultButton为你希望响应回车的真正按钮如下。
<form id ="form1" runat="server" defaultbutton="Button1">
注意 defaultButton = < <TargetButtonID>> 因此这对符合控件汇总比如模板的button可能无效。
2 修改button呈现方式UseSubmitBehavior="false"
<asp:Button ID="Button1" runat="server" text="Button" onclick="Button1_Click" UseSubmitBehavior="false" />

注意:如果button设置OnClientClick事件,则会使button不能触发。
另外可以通过控制焦点的方式,过滤回车实践,需要记录一笔的是,获取当前页面焦点所子啊控件的ID
document.activeElement
对于asp.net 我们在textbox 中输入内容后,按下enter 键后,就执行Button1的click 方法。那么在
page_Load事件方法中写。
TextBox1.Attributes.Add("onkeydown","if(event.which||event.keyCode){if ((event.which==13 ) || (event.keyCode==13)) { document.getElementById('"+Button1.UniqueID+"').click();return false;}}else{return true};");