Web表单中,如何使用回车键在TextBox中提交请求
  如何在TextBox中使用回车键快速提交请求呢?今天在项目中就遇到了这样的需求,一下是我的解决方案。
页面效果:

ASPX页面: Search:
            Search:
 <asp:TextBox ID="txtKeyWord" runat="server" onkeypress="javascript:doSearch(event)"></asp:TextBox>   <asp:DropDownList
            <asp:TextBox ID="txtKeyWord" runat="server" onkeypress="javascript:doSearch(event)"></asp:TextBox>   <asp:DropDownList
 ID="ddlOption" runat="server">
                ID="ddlOption" runat="server">
 <asp:ListItem>Name</asp:ListItem>
                <asp:ListItem>Name</asp:ListItem>
 <asp:ListItem>Surname</asp:ListItem>
                <asp:ListItem>Surname</asp:ListItem>
 </asp:DropDownList>
            </asp:DropDownList>
  
             
 <asp:Button ID="btnSearch" runat="server" Text="OK" Width="42px" OnClick="btnSearch_Click" />
            <asp:Button ID="btnSearch" runat="server" Text="OK" Width="42px" OnClick="btnSearch_Click" />
JS代码: <script>
<script>
 function doSearch(e)
function doSearch(e)
 {
{
 var keynum;
    var keynum;
 var keychar;
    var keychar;
 var numcheck;
    var numcheck;  
 if(window.event) // IE
    if(window.event) // IE
 {
    {
 keynum = e.keyCode;
        keynum = e.keyCode;
 if(keynum==13)
        if(keynum==13)
 {
        {
 event.keyCode=9;
            event.keyCode=9;
 var btn = document.getElementById(btnSearchID);
            var btn = document.getElementById(btnSearchID);
 btn.focus();
            btn.focus();
 btn.click();
            btn.click();
 }
        }
 else
        else
 {
        {
 return;
            return;
 }
        }
 }
    }
 else if(e.which) // Netscape/Firefox/Opera
    else if(e.which) // Netscape/Firefox/Opera
 {
    {
 keynum = e.which;
        keynum = e.which;
 if(keynum==13)
         if(keynum==13)
 {
        {
 var btn = document.getElementById(btnSearchID);
            var btn = document.getElementById(btnSearchID);
 btn.focus();
            btn.focus();
 btn.click();
            btn.click();
 }
        }
 else
        else
 {
        {
 return;
            return;
 }
        }
 }
    }
 }
}
 </script>
</script>
CS文件: protected void Page_Load(object sender, EventArgs e)
    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));
 }
    }
页面效果:
ASPX页面:
 Search:
            Search: <asp:TextBox ID="txtKeyWord" runat="server" onkeypress="javascript:doSearch(event)"></asp:TextBox>   <asp:DropDownList
            <asp:TextBox ID="txtKeyWord" runat="server" onkeypress="javascript:doSearch(event)"></asp:TextBox>   <asp:DropDownList ID="ddlOption" runat="server">
                ID="ddlOption" runat="server"> <asp:ListItem>Name</asp:ListItem>
                <asp:ListItem>Name</asp:ListItem> <asp:ListItem>Surname</asp:ListItem>
                <asp:ListItem>Surname</asp:ListItem> </asp:DropDownList>
            </asp:DropDownList>  
              <asp:Button ID="btnSearch" runat="server" Text="OK" Width="42px" OnClick="btnSearch_Click" />
            <asp:Button ID="btnSearch" runat="server" Text="OK" Width="42px" OnClick="btnSearch_Click" />JS代码:
 <script>
<script> function doSearch(e)
function doSearch(e) {
{ var keynum;
    var keynum; var keychar;
    var keychar; var numcheck;
    var numcheck;   if(window.event) // IE
    if(window.event) // IE {
    { keynum = e.keyCode;
        keynum = e.keyCode; if(keynum==13)
        if(keynum==13) {
        { event.keyCode=9;
            event.keyCode=9; var btn = document.getElementById(btnSearchID);
            var btn = document.getElementById(btnSearchID); btn.focus();
            btn.focus(); btn.click();
            btn.click(); }
        } else
        else {
        { return;
            return; }
        } }
    } else if(e.which) // Netscape/Firefox/Opera
    else if(e.which) // Netscape/Firefox/Opera {
    { keynum = e.which;
        keynum = e.which; if(keynum==13)
         if(keynum==13) {
        { var btn = document.getElementById(btnSearchID);
            var btn = document.getElementById(btnSearchID); btn.focus();
            btn.focus(); btn.click();
            btn.click(); }
        } else
        else {
        { return;
            return; }
        } }
    } }
} </script>
</script>CS文件:
 protected void Page_Load(object sender, EventArgs e)
    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)); }
    } 
                    
                


 
                
            
         浙公网安备 33010602011771号
浙公网安备 33010602011771号