如何将javascript添加到按钮？答案

【问题标题】：How to add javascript to button?如何将javascript添加到按钮？
【发布时间】：2018-07-01 06:53:04
【问题描述】：

这可能是非常基本的，但我仍在尝试弄清楚，因为我似乎无法正确理解。

按钮

<a class="fusion-button button-flat button-square button-xlarge button-default button-40" target="_blank"><span class="fusion-button-text fusion-button-text-left">KÖP DITT CAMPINGKORT HÄR!</span></a>

我需要添加这个

<a href="Javascript://Camping Key Europe" onclick="CampingKeyEurope(' blank', 'sv')">Köp Camping Key Europe</a>

有些事情需要在下一个代码中进行更改，但您明白了，我怎样才能使按钮工作，所以当他们按下它时打开模块？当我使用没有按钮且只有链接的第二个代码时，它工作正常，模块显示出来。

请帮忙:)

【问题讨论】：

您使用的方法严重过时，请使用addEventListener查看外部事件处理程序
如果你想要一个按钮，你应该使用<button>元素，而不是<a>
查看stackoverflow.com/questions/1947263/…了解更多信息
我在 Wordpress 中使用这个代码，这个按钮是由主题生成的，我正在尝试编辑它。
在第一种情况下，您使用的是 target="-blank" 这意味着目标属性指定打开链接文档的位置。在第二种情况下，您没有使用目标属性。我认为您正在尝试打开新页面 onclick。如果是，请执行以下操作：分享页面

标签： javascript html css class href

【解决方案1】：

试试这个

<button type="button" class="fusion-button-text fusion-button-text-left" 
onclick="CampingKeyEurope(' blank', 'sv')">Button Text</button>

根据 Sterling Archer 的评论，您应该在 HTML 之外附加事件侦听器，因此如果您使用 JQuery，在 $(document).ready() 函数中，您可以将 onclick 事件添加到按钮中，例如所以：

$('.fusion-button-text.fusion-button-text-left').on('click', function() {});

【讨论】：

在你回答之前我已经这样做了，它成功了，但还是谢谢！

【解决方案2】：

尝试使用事件监听器：

<a id="btn" class="fusion-button button-flat button-square button-xlarge button-default button-40" target="_blank">
  <span class="fusion-button-text fusion-button-text-left">KÖP DITT CAMPINGKORT HÄR!</span>
</a>

document.getElementById('btn').onclick = function () { 
  CampingKeyEurope(' blank', 'sv');
};

【讨论】：

【解决方案3】：

建议看这里，很有用：https://www.w3schools.com/jsref/event_onclick.asp

【讨论】：

Thatsnks 发布了一个答案，它是这个社区运作的原因。来自 W3schools 的页面可能是不可靠的来源，并且通常在 SO 上不受欢迎。我建议改用Mozilla 参考页面