防止在頁面加載時自動單擊按鈕

Question

加載頁面時，會自動單擊按鈕，但我不希望在單擊按鈕之前調用 function display() 。 我應該如何解決它？

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

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

我試過button.addEventListener("click", display()); 但同樣的問題仍然發生。

Answer 1

使用()時將調用 function，因此使用原始display

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

Answer 2

當你輸入display()時，你對 Javascript 說的是，“我想現在調用顯示 function，拜托。” 所以當你輸入

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

您對 Javascript 也有類似的說法，“我想將一個事件偵聽器附加到 click 事件，並顯示 function 的結果。” 您想對 Javascript 說，“我希望您將此 function display附加到單擊事件中。請僅在單擊按鈕時調用它。” 我們如何在 Javascript 中做到這一點？ 通過function，但不要調用它！

button.addEventListener("click", display);

Answer 3

嘗試阻止默認值

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

您可以通過以下鏈接進一步研究該方法的工作原理： https://www.w3schools.com/jsref/event_preventdefault.asp

Answer 4

試試這個代碼

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