ホームページ  >  記事  >  ウェブフロントエンド  >  「addEventListener」がクリックではなくページの読み込み時にトリガーされるのはなぜですか?

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

Susan Sarandon
Susan Sarandonオリジナル
2024-10-26 05:03:30493ブラウズ

Why Does My `addEventListener` Trigger on Page Load Instead of Click?

ページ読み込み時にトリガーされる addEventListener イベント

「addEventListener」イベント リスナーは、Web ページでのユーザー インタラクションを処理するための強力なツールです。ただし、一般的に発生する問題は、対象の要素がクリックされたときではなく、ページの読み込み時にイベントが発生することです。

この問題を解決するには、「addEventListener」メソッドに渡されるコールバック関数に鍵があります。 。提供されているスクリプトでは、次の行に問題があります:

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

この行が実行されると、アラートがすぐに呼び出され、未定義が返されます。アラート コードをリスナーに正しく渡すには、関数内でラップする必要があります。

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

これにより、アラート コードは、イベントの発生時に実行される匿名関数の本体になります。引き起こされた。これにより、ページの読み込み中ではなく、「myDiv」要素がクリックされたときにのみイベントが発生するようになります。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。