Web表单中,如何使用回车键在TextBox中提交请求

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

  页面效果:


  ASPX页面:
            Search:
            
<asp:TextBox ID="txtKeyWord" runat="server" onkeypress="javascript:doSearch(event)"></asp:TextBox>&nbsp; &nbsp;<asp:DropDownList
                
ID="ddlOption" runat="server">
                
<asp:ListItem>Name</asp:ListItem>
                
<asp:ListItem>Surname</asp:ListItem>
            
</asp:DropDownList>
            
&nbsp;
            
<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>


  CS文件:
    protected void Page_Load(object sender, EventArgs e)
    
{
        Page.RegisterStartupScript(
"script"string.Format("<script>var btnSearchID = \"{0}\";</script>", btnSearch.ClientID));
    }
posted @ 2007-08-22 18:57  Jailu  阅读(1102)  评论(2编辑  收藏  举报