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

1.问题1

我今天遇到了一个问题,我写了一个城市列表的动态刷洗功能 功能是按照汉字 英文 三字代码输入来搜索 支持键盘上下 和选择enter 但是当点击enter的时候 页面就直接触发了button的onclick  事件 经过查询找到以下的解决办法: 让我和欣慰 唉 可把我找死了....呵呵 不过问题还是解决了 所以很感谢这篇文章的发布者

———————————————————————————————————————————————————————————————————————————— 
深层次来说这不是 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 元素的 defualtButton 为你希望响应回车的真正按钮如下
<form id="form1" runat="server" defaultbutton="Button1">
注意 defaultButton = < <TargetButton.ID>> 因此这对复合控件中比如模板的 Button 可能无效(未测试)
2.
修改 button 呈现方式 UseSubmitBehavior="false"
<asp:Button ID="Button1" runat="server" Text="Button" onclick="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}; ");

 

 

 

posted @ 2010-03-18 15:55  不必太用力  阅读(2097)  评论(0编辑  收藏  举报