首頁 >web前端 >js教程 >如何有效地將事件處理程序指派給 JavaScript 中動態產生的元素?

如何有效地將事件處理程序指派給 JavaScript 中動態產生的元素?

Barbara Streisand
Barbara Streisand原創
2024-11-29 12:05:14625瀏覽

How Can I Efficiently Assign Event Handlers to Dynamically Generated Elements in JavaScript?

如何在JavaScript 中使用循環高效產生事件處理程序

假設您在HTML 文件中動態產生了元素,例如多個錨標記。要將事件處理程序指派給每個元素,您可以考慮使用類似以下內容的循環:

但是,此方法不會產生所需的行為,因為所有處理程序共用相同的i 變數。因此,只會指派最後一個處理程序,並且它始終會警告值“11”。

要解決此問題,您可以為每個以 i 作為參數的處理程序使用單獨的函數。這確保每個處理程序都有自己的i 變數:

透過利用此技術,每個處理程序都被分配了其唯一的i 值,並實現了所需的行為,每個處理程序都會警告正確的值( 1 到10).

以上是如何有效地將事件處理程序指派給 JavaScript 中動態產生的元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn