asp.net 页面按回车就会触发button按钮事件

转载于

https://www.cnblogs.com/anz130/articles/2445830.html

转自：http://space.itpub.net/12639172/viewspace-623603

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 nclick=_doPostBack(...) /> 此普通 button 不具备 submit 的上述默认行为
3.
禁用此默认行为有法二
1.
设置 form. 元素的 defualtButton 为你希望响应回车的真正按钮如下

<form. id="form1" runat="server" defaultbutton="Button1">

注意 defaultButton = < <TargetButton.ID>> 因此这对复合控件中比如模板的 Button 可能无效（未测试）
2.
修改 button 呈现方式 UseSubmitBehavior="false"

<asp:Button ID="Button1" runat="server" Text="Button" nclick="Button1_Click" UseSubmitBehavior="false" />

(csdn 晓风残月)


另外可以通过控制焦点的方式，过滤回车实践，需要记录一笔的是，获取当前页面焦点所在控件的ID：

document.activeElement


对于Asp.Net.我们在TextBox1中输入内容后，按下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}; ");

我在    <form. id="form1" runat="server" defaultbutton="Button1">里设置了，而且在Load事件中，写了：

 

  this .txtPassword.Attributes.Add( "onkeydown", "if(event.keyCode==13){document.getElementById('imgbtnLogin').Click();}" );

光标在txtPassword里按回车键，会响应imgbtnLogin的Click事件。

 

在这里，我使用的是第二种方法。

在查看源码的时候发现

前者不加 ：

UseSubmitBehavior="false"

生成的html 按钮是：

 后者生成的是：