如何避免 JavaScript 中 Onclick 函數過早執行

點擊先前執行 Onclick 函數：Javascript 中的常見陷阱

在 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);

}

}}}}透過採用這些更改，點擊元素時將適當地呼叫onclick 函數。

以上是如何避免 JavaScript 中 Onclick 函數過早執行的詳細內容。更多資訊請關注PHP中文網其他相關文章！