`addEventListener` がクリックではなくページの読み込み時にトリガーされるのはなぜですか?

ページ読み込み時に JavaScript "addEventListener" イベントが発生する [重複]

質問:

次のスクリプトにより、要素がクリックされたときではなく、ページの読み込み時にイベントが発生するのはなぜですか?

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

答え:

問題は構文にあります。イベントリスナーの登録。行:

el.addEventListener("click", alert("clicktrack"), false);

は、アラート関数を即座に実行し、その未定義の戻り値をイベント ハンドラーとして渡します。アラート コードを関数として正しく渡すには、次の関数でラップする必要があります。

el.addEventListener("click", function() { alert("clicktrack"); }, false);

この方法では、ページの読み込み時ではなく、要素がクリックされたときにのみアラートが呼び出されます。

以上が`addEventListener` がクリックではなくページの読み込み時にトリガーされるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。