Home/ Questions/Q 8106425
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T00:27:46+00:00

<body> <form id=form1 runat=server> <div> <asp:Button ID=Button1 runat=server Text=Button /> <div id=div1>Click here</div> </div>

  • 0
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" />
        <div id="div1">Click here</div>
    </div>
    </form>

    <script type="text/javascript">
        var $ = function(e) { return document.getElementById(e); };
        var pageDefault = {
            btn1: $('Button1'),

            testfx: function() {
                alert('test');
            },

            init: function() {
                this.btn1.onclick = function() {
                    this.testfx();
                    return false;
                }
            }
        }
        pageDefault.init();
    </script>
</body>

Why won’t button1 click event fire?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It may happen that you need to use $('<%= Button1.ClientID %>') instead of $('Button1').
    See this article for more details.

    Another issue, mentioned in other answers, is that event handler refers to this which is window. To fix that you could rewrite your handler in the following manner:

    this.btn1.onclick = function() {
    pageDefault.testfx();
    return false;
}
    • 0