欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

asp.net中绑定TextBox回车事件的解决方法

程序员文章站 2024-03-07 21:41:51
1.将页面上的回车事件都绑定到按钮上 复制代码 代码如下: function entertextbox(e) { var msie = (document.all) ? t...
1.将页面上的回车事件都绑定到按钮上
复制代码 代码如下:

function entertextbox(e)
{
var msie = (document.all) ? true : false;
var keycode;
if(!msie) keycode = window.event ? e.keycode : e.which;
else keycode = e.keycode;
//alert(keycode);
if(keycode==13 && document.getelementbyid('<%=this.txtsearch.clientid%>').value != "")
{
//alert("test");
if(msie)
{
e.keycode = 9;
e.returnvalue = false;
}
document.getelementbyid('<%=this.btnsearch.clientid%>').click();
}
}

2. 在onprerender事件中设定按钮客户端事件
复制代码 代码如下:

protected override void onprerender(eventargs e)
{
txtsearch.attributes.add("onkeypress", "entertextbox(event);")
}

大功告成了。
参考文章: 


原文参考:
1.将页面上所有回车事件都绑定到一个按钮上
复制代码 代码如下:

<head>
<script language="javascript">
function entertextbox()
{
if(event.keycode == 13 && document.all["textbox1"].value != "")
{
event.keycode = 9;
event.returnvalue = false;
document.all["button1"].click();
}
}
</script>
</head>
<body onkeypress="return entertextbox()">

2.不同的textbox绑定不同的button
复制代码 代码如下:

<head>
<script language="javascript">
function entertextbox(button)
{
if(event.keycode == 13)
{
event.keycode = 9;
event.returnvalue = false;
document.all[button].click();
}
}
</script>
</head>

在对应的cs文件中
//绑定textbox回车事件
textboxportofdestination.attributes.add("onkeypress", "entertextbox('buttonchoose')");
textboxitemname.attributes.add("onkeypress","entertextbox('buttonadd')");
textboxcost_px.attributes.add("onkeypress","entertextbox('buttonadd')");
textboxcost_1x20.attributes.add("onkeypress","entertextbox('buttonadd')");
web代码:
复制代码 代码如下:

<fieldset>
<legend id="legenddetail" [查詢條件]</legend>
<table>
<tr><td>
<asp:textbox id="textbox 1" runat="server"></asp:textbox></td>
</tr>
<tr>
<td >
<asp:button id="btn" runat="server" onclick="btnquery_click"/></td>
</tr>
</table>
</fieldset>

是这样的模式。在textbox回车,调用btnquery_click