javascript点击事件处理程序在没有点击的情况下触发

Question

为什么这个函数在没有点击指定按钮的情况下被触发？我看过一些类似的问题，但没有一个处理这个代码结构(可能是我缺少这个的明显原因......)。

document.getElementById("main_btn").addEventListener("click", hideId("main");

function hideId(data) {
    document.getElementById(data).style.display = "none";
    console.log("hidden element #"+data);
}

Answer 1

你直接调用它。

document.getElementById("main_btn").addEventListener("click", hideId("main");

您应该在回调中执行此操作。

document.getElementById("main_btn").addEventListener("click", function (){
    hideId("main");
});