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 事件可以正确绑定到函数引用，而不是其执行结果，从而确保预期的行为。