asp中button按钮默认相应回车事件

最近在做一个项目,里面有一个textbox,然后用户在这个textbox中敲击回车之后会响应一个ajax请求,来到后台处理一些数据,而在这个页面中还有一个asp的button按钮,当用户在textbox中敲击回车之后,这个按钮所绑定的事件也会同步到执行,刚开始百思不得其解,今天请教了一个大神之后才恍然大悟,下面详细介绍下.
深层次来说这不是 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>

如上面两段代码所示,在 ASP.NET 2.0 中 button 默认呈现为

 <input type=submit>

此时不要额外脚本提交form ,submit 按钮就是设计用来提交form

而在 1.x 中则呈现为

 <input type=button onclick=_doPostBack(...) />

此普通 button 不具备 submit 的上述默认行为

而禁用此默认行为有法二

1.
设置 form 元素的 defualtButton 为你希望响应回车的真正按钮如下

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

注意 defaultButton = <> 因此这对复合控件中比如模板的 Button 可能无效(未测试)

2.
修改 button 呈现方式 UseSubmitBehavior=”false”

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注