如何在按钮上添加JavaScript？

Question

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

按钮

<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>

某些事情需要在下一个代码中进行更改，但是您了解了如何使按钮起作用，所以当他们按下按钮时，它会打开模块？ 当我使用第二个代码而没有按钮并且仅链接时，它工作正常，模块显示出来。

请帮忙 ：）

Answer 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() {});

Answer 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');
};

Answer 3

我建议在这里浏览，它非常有用： https : //www.w3schools.com/jsref/event_onclick.asp