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

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

Barbara Streisand
發布: 2024-11-29 12:05:14
原創
692 人瀏覽過

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

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

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

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

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

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板