JavaScript - 为 的 onclick 属性添加了无需点击即可运行的功能

Question

我有一个函数可以创建一个新的 <a>元素，我想向它添加一个 onclick 事件，这是一个将给定值增加 1 的函数。

在函数中，我创建了这些元素:

spantags 内的数字:

        var spantags = document.createElement("span");
        var anzahl = 1;
        spantags.innerHTML = anzahl;

还有提到的<a>元素:

        var plus = document.createElement("a");
        plus.innerHTML = "+";
        plus.onclick = more(spantags.innerHTML);

然而，这执行了创建它的函数中已经存在的函数，因此创建时数量增加到 2。

我在类似问题上读过这个答案: https://stackoverflow.com/a/249084/1972372

这个示例有效，警报仅在单击 + 时出现，但它是一个内部函数，而不是像我的“more(element)”那样声明的函数。

所以我的问题是:是否可以将 onclick 属性设置为新创建的元素上声明的函数(如我的示例中所示)，但阻止它立即运行？

(另一篇文章也有一个 jQuery 答案，但不幸的是我对 jQuery 不了解，无法使用它)

Answer 1

是的，只需将其包装在“代理”函数中即可:

plus.onclick = function() {
    more(spantags.innerHTML);
};