JavaScript onclick 函數提前觸發

創建與 標記具有相似美感的鏈接但打算在單擊時執行函數時，使用者可能會遇到頁面載入時錯誤呼叫函數的場景。這會妨礙所需的單擊事件正常運作。

常見的陷阱是在分配 onclick 屬性時不正確地使用括號。正確的語法是sentNode.onclick = secondaryFunction，而不是立即執行函數的sentNode.onclick = secondaryFunction()。這分配了對函數的引用，該函數僅在單擊事件時執行。

function startFunction() {
  var sentNode = document.createElement('a');
  sentNode.setAttribute('href', "#");
  sentNode.setAttribute('onclick', secondFunction);
  //sentNode.onclick = secondFunction();
  sentNode.innerHTML = "Sent Items";
  //...
}

透過省略括號，onclick 事件可以正確綁定到函數引用，而不是其執行結果，從而確保預期的行為。