如何编写点击后运行javascript函数的不可点击链接？

Question

我知道这个问题之前已经在这里得到回答： javascript：void（0）或<a>的onclick =“ return false”-哪个更好？

但是，该解决方案对我不起作用。

这是适用的代码：

HTML：

<a id="Skip">Skip</a>

Javascript：

   var Skip = document.getElementById("Skip");
   Skip.addEventListener('click', reloadPage(), true);

   function reloadPage() {
        window.location.href = "play.php";
    }

当我单击“跳过”时，没有任何反应。 我想保留重载的window.location.href方法，因为我想向其中添加$ _GET变量。

Answer 1

Skip.addEventListener('click', reloadPage(), true);
//                                       ^^-------------------

应该：

Skip.addEventListener('click', reloadPage, true);

您希望回调是reloadPage而不是reloadPage返回的内容。

Answer 2

基本上，您具有将函数指针传递给addEventListener的功能。 这样，当单击发生时，它将调用该方法。 您不想调用不返回任何内容的方法coz

例如：

Skip. addEventListener('click', reloadPage, true);

您也可以像写的一样做，但前提是您的方法返回另一个函数

例如

Skip. addEventListener('click', reloadPage(), true);
function reloadPage() {
     return function(){
        // do something interesting.
     }
}