将 OnClick 事件附加到现有 JavaScript 按钮答案

【问题标题】：Appending an OnClick Event to an Existing JavaScript Button将 OnClick 事件附加到现有 JavaScript 按钮
【发布时间】：2014-07-28 19:42:43
【问题描述】：

我希望将一些 JavaScript 附加到服务器端按钮的onclick。所以像

 //b is a button
 b.Attributes.Add("onclick", "my.js.here();");

但不会消除该按钮上任何可能存在的onclick 事件。

编辑：上面表示一个代码隐藏文件（在 C# 中），它尝试向可能已经有 onclick 事件的客户端按钮添加额外的事件侦听器。

【问题讨论】：

【解决方案1】：

我通常会尽量避免使用属性订阅 JavaScript 事件。相反，我会选择addEventListener 或在此之上的一些抽象（如jQuery 的.click 处理程序）。例如，继续使用 jQuery，您可以在 ASPX 页面中使用此 JavaScript：

$('#yourButtonId').click(function() {
      my.js.here();
 });

这有几个优点，主要是您可以添加处理程序而无需踩踏已经存在的处理程序。

您可以尝试做一些事情，比如获取属性的现有值，然后在其前面加上 my.js.here();，但这似乎不是一个理想的解决方案。

【讨论】：

【解决方案2】：

为什么不直接使用按钮元素 ID，然后为 onclick 做一个事件处理程序？

var myBtn = document.getElementById("buttonEl");
myBtn.onclick = function () { 

     alert("Button has been clicked");

}

【讨论】：

【解决方案3】：

使用下面的方法

$("#AuthorityLevel").find("a").attr('onclick','my.js.here();');

【讨论】：