javascript - ダイナミック コントロールの不発イベント

Question

私の Asp.net アプリケーションでは、ImageButton "Login" を動的に作成しました。また、Page_load 中の "Login" に "OnClick" という属性を追加しました。ここでも、「ログイン」に「OnClick」と同じ属性を追加しています。

コードビハインド:

public partial class Calendar : System.Web.UI.Page
{
   protected void Page_Load(object sender, EventArgs e)
   {
      ImageButton Login = new ImageButton();
      Login.Attributes.Add("OnClick", "InClick();");
      Page.Controls.Add(0,Login);
   }

   protected void Button1_Click(object sender, EventArgs e)
   {
      Login.Attributes.Remove("OnClick");
      Login.Attributes.Add("OnClick","OutClick();");
   }
}

JavaScript:

<script type="text/javascript">
  function InClick()
  {
     alert("From InClick()");
  }
  function OutClick()
  {
     alert("From OutClick()");
  }
</script>

Page_Loads の間、OnClick イベントは"InClick()"になります。次に、Button_Clicked の場合、OnClick イベントは"OutClick()"になります。

私にとっては、ログインボタンをクリックすると、最初の属性が正しく起動しています。しかし、2 番目の属性は、[ログイン] ボタンをダブルクリックした後にのみ起動されます。