设置onClick函数而不激活所述函数

时间:2016-11-08 17:54:01

标签: javascript jquery onclick

我有一个带有onclick功能的a-html元素

<body>
  <div id="container">
    <div id='wrapper'>
      <img id="red" src="">
      <img id="green" src="">
      <img id="blue" src="">
    </div>
  </div>
</body>

现在在执行函数期间我想禁用链接,所以我在我的函数中执行此操作:

   <a id="tourTrigger" onclick="javascript:tourfunction()"/>

现在,当我的功能完成时,我想设置onclick的初始值:

    document.getElementById("tourTrigger").onclick = null;

我对这个解决方案的问题是在这个地方触发了tourfunction(),所以我创建了一个无限循环。

有人有任何想法吗? JQuery也没关系。 谢谢你的帮助

1 个答案:

答案 0 :(得分:1)

不要调用该功能:

 document.getElementById("tourTrigger").onclick = tourfunction;

但我建议改为使用addEventListener

document.getElementById("tourTrigger").addEventListener('cli‌​ck', tourfunction); 

因为后者允许添加多个回调。