使用 javascript 和 Asp.Net 生成点击警报

Question

我有一个 Asp.Net 按钮和一个 span 标签，我有它的图像。 现在，当我单击 span 元素（即图像）时，我应该能够自动单击我的按钮并收到警报。

我可以使用如下所示的按钮单击事件中的函数来完成此操作，但我不知道单击元素时该怎么做。

CSS：

#container a span 
{
display:none; 
background-image:url(images/alert.png); 
background-repeat:no-repeat; 
width:16px; 
height:16px; 
position:absolute;
right:0px; 
top:0px;
} 

#container a:hover span 
{
display:block;
}

这是我在 中的跨度：

    <div class='container a'><a href='#'>
    <img src='uploads/" + document.getElementById("currentDirectory").value + "/" 
    + file.name + "' width='64' height='64'/>
    <span onclick='document.getElementById('<%=btnAlert.ClientID%>').click();'>
    </span>
    </a>
    </div>";

这是我简单的 Asp.Net 按钮：

<asp:Button ID="btnAlert" runat="server" Text="Button" />

如果我使用 Javascript 函数，这是代码：

  Protected Sub btnAlert_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnAlert.Click
     System.Web.UI.ScriptManager.RegisterClientScriptBlock(Page, GetType(Page), "Script", "Somefunction();", True)
End Sub

Answer 1

对我来说效果很好。
你的跨度中没有内部内容，所以也许这就是它无法触发 onclick 的原因，因为它没有占用你的 dom 中的任何空间。因此，当您认为您正在点击它时，您实际上并没有点击它，因为它不占用任何空间。

尝试在跨度中添加一些内容，就像我的示例一样。
如果这不起作用，请仔细检查以确保按钮的 ID 正确。

<input type="button" id="mybutton" onclick="alert('hello')">
<span onclick="document.getElementById('mybutton').click()">My Span</span>

jsFiddle