Web表单中,如何使用回车键在TextBox中提交请求
如何在TextBox中使用回车键快速提交请求呢?今天在项目中就遇到了这样的需求,一下是我的解决方案。
页面效果:
ASPX页面:
JS代码:
CS文件:
页面效果:
ASPX页面:
Search:
<asp:TextBox ID="txtKeyWord" runat="server" onkeypress="javascript:doSearch(event)"></asp:TextBox> <asp:DropDownList
ID="ddlOption" runat="server">
<asp:ListItem>Name</asp:ListItem>
<asp:ListItem>Surname</asp:ListItem>
</asp:DropDownList>
<asp:Button ID="btnSearch" runat="server" Text="OK" Width="42px" OnClick="btnSearch_Click" />
<asp:TextBox ID="txtKeyWord" runat="server" onkeypress="javascript:doSearch(event)"></asp:TextBox> <asp:DropDownList
ID="ddlOption" runat="server">
<asp:ListItem>Name</asp:ListItem>
<asp:ListItem>Surname</asp:ListItem>
</asp:DropDownList>
<asp:Button ID="btnSearch" runat="server" Text="OK" Width="42px" OnClick="btnSearch_Click" />
JS代码:
<script>
function doSearch(e)
{
var keynum;
var keychar;
var numcheck;
if(window.event) // IE
{
keynum = e.keyCode;
if(keynum==13)
{
event.keyCode=9;
var btn = document.getElementById(btnSearchID);
btn.focus();
btn.click();
}
else
{
return;
}
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which;
if(keynum==13)
{
var btn = document.getElementById(btnSearchID);
btn.focus();
btn.click();
}
else
{
return;
}
}
}
</script>
function doSearch(e)
{
var keynum;
var keychar;
var numcheck;
if(window.event) // IE
{
keynum = e.keyCode;
if(keynum==13)
{
event.keyCode=9;
var btn = document.getElementById(btnSearchID);
btn.focus();
btn.click();
}
else
{
return;
}
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which;
if(keynum==13)
{
var btn = document.getElementById(btnSearchID);
btn.focus();
btn.click();
}
else
{
return;
}
}
}
</script>
CS文件:
protected void Page_Load(object sender, EventArgs e)
{
Page.RegisterStartupScript("script", string.Format("<script>var btnSearchID = \"{0}\";</script>", btnSearch.ClientID));
}
{
Page.RegisterStartupScript("script", string.Format("<script>var btnSearchID = \"{0}\";</script>", btnSearch.ClientID));
}