100分求教一个诡异的js触发后台事件代码


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="1.aspx.cs" Inherits="CRM.Web._" %><!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>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="uppanel" runat="server">
            <ContentTemplate>
                <asp:TextBox ID="Txt_1" runat="server"></asp:TextBox>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Btn_1" EventName="click" />
                <asp:AsyncPostBackTrigger ControlID="Btn_2" EventName="click" />
                <asp:AsyncPostBackTrigger ControlID="Btn_3" EventName="click" />
            </Triggers>
        </asp:UpdatePanel>
        <asp:UpdatePanel ID="uppanel1" runat="server">
            <ContentTemplate>
                <asp:Button ID="Btn_1" runat="server" onclick="Btn_1_Click" />
                <asp:Button ID="Btn_2" runat="server" onclick="Btn_2_Click" />
                <asp:Button ID="Btn_3" runat="server" onclick="Btn_3_Click" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>
<script type="text/javascript">
    document.getElementById("Btn_1").click();
    document.getElementById("Btn_2").click();
    document.getElementById("Btn_3").click();
</script>
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;namespace CRM.Web
{
    public partial class _ : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {        }        protected void Btn_1_Click(object sender, EventArgs e)
        {
            Txt_1.Text = "1";
        }        protected void Btn_2_Click(object sender, EventArgs e)
        {
            Txt_1.Text += "2";
        }        protected void Btn_3_Click(object sender, EventArgs e)
        {
            Txt_1.Text += "3";
        }
    }
}
执行代码后，按常理来说js将按顺序执行按钮事件。 Btn_1_Click -》Btn_2_Click -》Btn_3_Click可是现在它只执行 Btn_3_Click我就郁闷了。

解决方案 »

  1.   

    执行一次click  alert(Txt.text) 的值你就清楚了
      

  2.   

    因为你的点击事件写在后台，每次执行完成之后都得重新加载那个页面，所以前面两次你看不到效果，你可以试试把
    protected void Btn_3_Click(object sender, EventArgs e)
    {
        Txt_1.Text += "3";
    }
    改为
    protected void Btn_3_Click(object sender, EventArgs e)
    {            
        Response.Write("<script type='text/javascript'>alert('3')</script");
    }
    试试
    这个肯定能执行的
      

  3.   

    可以试一下这样，在第一个按钮里面调用其他按钮的点击事件    
    protected void Btn_1_Click(object sender, EventArgs e)
        {
            Txt_1.Text = "1";
            Btn_2_Click(this ,new  EventArgs ()); 
        }    protected void Btn_2_Click(object sender, EventArgs e)
        {
            Txt_1.Text += "2";
            Btn_3_Click(this, new EventArgs()); 
        }    protected void Btn_3_Click(object sender, EventArgs e)
        {
            Txt_1.Text += "3";
        }
    }
      

  4.   

    <script type="text/javascript">
        document.getElementById("Btn_1").click();    alert(document.getElementById("Txt_1").value);    document.getElementById("Btn_2").click();   alert(document.getElementById("Txt_1").value);    document.getElementById("Btn_3").click();    alert(document.getElementById("Txt_1").value);
    </script>
    把这个覆盖你的脚本， 可以得到你想要的值。
      

  5.   

    就像这位说的那样。执行速度快造成1,2值还没有赋值，就直接奔Btn3了。