在 Javascript 中，onclick 函數可用於在按一下時將操作指派給 HTML 元素。然而，開發人員經常面臨一個問題，即該函數在元素創建後立即執行，甚至在單擊它之前。
在提供的 Javascript 程式碼中，開發人員的目標是創建一個在單擊時觸發函數的鏈接，而不是重定向到新頁面。然而，由於賦值方法不正確，onclick函數（secondFunction）立即被呼叫。
錯誤在於：
<code class="js">sentNode.setAttribute('onclick', secondFunction());</code>這裡直接呼叫了secondFunction() ，這表示函數一旦定義就運作。要解決此問題，應如下指派：
<code class="js">sentNode.setAttribute('onclick', secondFunction);</code>透過引用不帶括號的函數，程式碼分配函數本身，而不是其傳回值。這確保了該函數僅在 onclick 事件發生時執行。
正確的程式碼應如下所示：
<br>function startFunction() {<pre class="brush:php;toolbar:false">var sentNode = document.createElement('a');
sentNode.setAttribute('href', "#");
sentNode.setAttribute('onclick', secondFunction); // Assign function reference
sentNode.innerHTML = "Sent Items";
// Add new element to parent
var parentNode = document.getElementById('parent');
var childNode = document.getElementById('sendNode');
parentNode.insertBefore(sentNode, childNode);}
以上是如何避免 JavaScript 中 Onclick 函數過早執行的詳細內容。更多資訊請關注PHP中文網其他相關文章！
