如何实现按回车键就执行多个按钮中的一个按钮事件

如何实现按回车键就执行多个按钮中的一个按钮事件

Admin | 2009-3-18 8:38:39 | TrackRecord: 2136 Times | Tag标签：asp.net 打印本页

您当前所处的位置是：〖首页〗→【文章页】本站共有16个图文教程栏目,请用心拜读!

本站提供经典的Excel公式函数实例,Word排版技巧,PPT教程;同时更兼有Flash,PowerPoint,数据库等技术文章。

　　如果您的网页中存在多个按钮，那么，我们如何实现，按下回车键，就执行其中的一个按钮的事件呢？

　　方法很简单，以下提供三种方法！

　　①Page_load中输入如下代码

　　protected void Page_Load(object sender, EventArgs e)
　　{
　　　this.form1.DefaultButton = "按下回车键就执行的按钮ID";
　　}

　　②在form标记中加defaultbutton属性

　　③更高级的用法

　　在form上设定了defaultbutton属性之后，切换提交按钮的解决办法；

　　通常我们有些页面需要设置默认提交按钮。也可能碰到如下情况：在搜索框中输入搜索内容后，按回车搜索，但由于页面设置了默认按钮，而且默认按钮不是搜索按钮。

　　以下为综合代码：

　　<head runat="server">
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
    function textBoxOnKeyDown(event)
    {
        if(event.keyCode == 13)
        {
            WebForm_FireDefaultButton(event, 'Button2');
            __doPostBack('Button2','');
        }
    }
    </script>

</head>
<body>
    <form id="form1" runat="server" defaultbutton="Button1">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        <asp:TextBox ID="TextBox1" runat="server" onkeydown='textBoxOnKeyDown(event)'></asp:TextBox>
        <asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button2_Click" />
    </div>
    </form>
</body>
</html>