aspx页面里 Enter回车后页面相应的按钮

来源:互联网 发布:u盘测速软件 编辑:程序博客网 时间:2024/05/18 11:31

在页面里,当我们输入完数据后,自然而然的会点击回车,之后会去出发你想要的事件,比如搜索.
但如果页面上有多个button时,他会默认到第一个button,这样我们就要给他设置一下了.让他变的随心而意.
每个页面都有一个Form标签,这个Form标签里有个DefaultButton这个属性,文章就在这里了.
1,在同一个编辑页面的情况下,(没有ascx控件).
    <form id="form1" runat="server" defaultbutton="btnSearch2">
        <div>
            <asp:TextBox ID="TextBox 1" runat="server"></asp:TextBox>
            <asp:Button ID="btnSearch1" runat="server" Text="搜索1" OnClick="OnSearch" />
            <asp:Button ID="btnSearch2" runat="server" Text="搜索2" OnClick="OnSearch" />
        </div>
    </form>
这时,你定义defaultbutton到哪个Button ,就执行那个Button .
2.如果defaultbutton想定义到ascx控件中的Button .
Default.aspx页面(Default.aspx页面里有个WebUserControl.ascx控件).
default.aspx:   
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Src="WebUserControl.ascx" TagName="WebUserControl" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
    function WebForm_FireDefaultButton(event, target) {
        if (event.keyCode == 13 && !(event.srcElement && (event.srcElement.tagName.toLowerCase() == "textarea"))) {
        var defaultButton = document.getElementById(target);
        if (defaultButton && typeof(defaultButton.click) != "undefined") {
            defaultButton.click();
            event.cancelBubble = true;
            if (event.stopPropagation) event.stopPropagation();
            return false;
        }
    }
    return true;
}
    </script>
</head>
<body>
    <form id="form1" runat="server" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'WebUserControl1_btnSearch')">
        <div>
            <uc1:WebUserControl ID="WebUserControl1" runat="server" />
        </div>
    </form>
</body>
</html>

WebUserControl.ascx:


<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>
<asp:TextBox ID="tbSearch" runat="server"></asp:TextBox>
<asp:Button ID="btnSearch1" runat="server" Text="搜索1" OnClick="OnSearch" />
<asp:Button ID="btnSearch" runat="server" Text="搜索" OnClick="OnSearch" />
3.如果你不想在页面中点击Enter触发事件.
<form id="form1" runat="server" defaultbutton="Button1">
        <div>
            <asp:Button ID="Button1" runat="server" Style="display:none;" OnClientClick="javascript:return false;" />
            <asp:TextBox ID="TextBox 1" runat="server"></asp:TextBox>
            <asp:Button ID="btnSearch1" runat="server" Text="搜索1" OnClick="OnSearch" />
            <asp:Button ID="btnSearch2" runat="server" Text="搜索2" OnClick="OnSearch" />
        </div>
    </form>