javascript - javascript eventlistener立即触发，而不是在事件上触发

我试图将EventListener方法与click事件一起使用，以将一个元素简单地添加到<ul>列表中。我正在尝试在按钮元素的节点上使用click事件调用该函数，但是每次刷新/加载网站时都会调用该函数。

function addElementToList() {
    var navigationPanel = document.getElementsByTagName('ul')[0];

    var newElementOnList = document.createElement('li');
    var newElementsText = document.createTextNode('About');

    newElementOnList.appendChild(newElementsText);
    navigationPanel.appendChild(newElementOnList);
}

var elButton = document.getElementById('myButton');
elButton.addEventListener('click', addElementToList(), false);

为什么每次刷新/加载网站时都会运行addElementToList功能？

最佳答案

添加事件监听器时，

elButton.addEventListener('click', addElementToList(), false);

您正在调用该函数。改成

elButton.addEventListener('click', addElementToList, false);

而且您应该很好。

关于javascript - javascript eventlistener立即触发，而不是在事件上触发，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45490164/