根據您提供的內容，以下是一些可能採用問題格式的文章標題： * **為什麼加入動態元素時我的 JavaScript `addEventListener` 在頁面載入時會觸發？ ** * **H

頁面載入時觸發JavaScript「addEventListener」事件

將事件監聽器附加到動態建立的元素時，必須確保監聽器是正確綁定以在所需時間觸發事件。

在提供的腳本中，事件在頁面載入時觸發，因為事件偵聽器是在建立元素並將其插入 DOM 之前新增的。要修正此問題，應考慮以下方法：

• 首先建立元素： 在頁面中編寫元素的HTML 或使用document.createElement() 動態產生它.
• 在DOM 中找出元素：使用document.getElementById() 擷取元素。
• 正確新增事件監聽器：附加使用 addEventListener() 的事件監聽器。不要直接傳遞警報函數，而是將其包裝在匿名函數中，以便在事件發生時執行它。

更正後的腳本應如下所示：

<code class="javascript">document.write("<div id=\"myDiv\">I am a div</div>");
el = document.getElementById("myDiv");
el.addEventListener("click", function() { alert("clicktrack"); }, false);</code>

透過以下方式透過這些步驟，一旦元素存在於DOM 中，事件偵聽器就會附加到該元素，並且當單擊該元素時將觸發該事件。

以上是根據您提供的內容，以下是一些可能採用問題格式的文章標題： * **為什麼加入動態元素時我的 JavaScript `addEventListener` 在頁面載入時會觸發？ ** * **H的詳細內容。更多資訊請關注PHP中文網其他相關文章！