将div改为html服务器控件并添加点击事件

Question

我有一段代码，

<div class="class1">
 <span>testing</span>
</div>

我会将其更改为 html 服务器控件。

<div class="class1" id="div1" runat="server">
 <span>testing</span>
</div>

我想添加一个点击事件。

<div class="class1" id="div1" runat="server" onclick="Test_Click">
 <span>testing</span>
</div>

在后面的代码中，我有该事件处理程序。

protected void Test_Click(object sernder, EventArgs e)
{
  //code
}

但它不起作用..我尝试将 onclick 更改为 onserverclick 。它仍然不起作用..

还有其他方法吗？

Answer 1

从您的帖子中我了解到您想在单击 Div 时简单地转到服务器端事件。
您不能直接将其赋予 DIV，而是可以在 div 中使用 Hidden Button 并触发 click 事件 手动。

    <script>
    function clickDiv() {
    if (__doPostBack) {
        __doPostBack('<%=btnNew.UniqueID %>', '');
    }
    else {
        var theForm = document.forms['aspnetForm'];
        if (!theForm) {
            theForm = document.aspnetForm;
        }
        if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
            theForm.__EVENTTARGET.value = '<%=btnNew.UniqueID %>';
            theForm.__EVENTARGUMENT.value = '';
            theForm.submit();
        }
    }
}
    </script>

<div class="class1" id="div1" runat="server" onclick="clickDiv()">
 <span>testing</span>
<asp:Button runat="server" Style="display: none" ID="btnNew" Text="Submit" OnClick="btnNew_Click" /> 
</div>

在 _Default.aspx.cs 中，

public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {


        }

        protected void btnNew_Click(object sender, EventArgs e)
        {
            result.Text += "hey, event handler! ";
        }


    }

您可以在此处看到 jQuery 实现：
JQuery UI 对话框和Asp（网络表单）调用事件处理程序