防止在页面加载时自动单击按钮答案

【问题标题】：prevent button from being clicked automatically on page load防止在页面加载时自动单击按钮
【发布时间】：2022-01-16 11:37:57
【问题描述】：

加载页面时，会自动单击按钮，但我不希望在单击按钮之前调用函数 display()。我该如何解决？

<button id="button">Click</button>

window.onload = function () {
var button = document.getElementById("button");
button.onclick = display();
}

我试过了 button.addEventListener("click", display());但同样的问题还是出现了。

【问题讨论】：

【解决方案1】：

使用()时会调用函数，所以使用原始display

window.onload = function () { var button = document.getElementById("button"); button.onclick = display; }

【讨论】：

【解决方案2】：

当你输入display() 时，你对 Javascript 的意思是，“我想现在调用显示函数，请。”所以当你输入

button.addEventListener("click", display());

您对 Javascript 说的类似，“我想为点击事件附加一个事件侦听器带有显示函数的结果。”您想对 Javascript 说：“我希望您将此函数 display 附加到单击事件中。请仅在单击按钮时调用它。”我们如何在 Javascript 中做到这一点？传递函数，但不要调用它！

button.addEventListener("click", display);

【讨论】：

【解决方案3】：

试试这个代码

document.getElementById("").addEventListener("click",function(){
        functionName;
    });

【讨论】：

【解决方案4】：

尝试避免默认设置

button.addEventListener("click",(e)=>{
e.preventDefaults();
})

您可以通过以下链接进一步研究该方法的工作原理：https://www.w3schools.com/jsref/event_preventdefault.asp

【讨论】：