動態新增的html元素綁定事件的方法

這篇文章主要介紹了關於動態添加的html元素綁定事件的方法，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

避免先寫了DOM操作，但是元素是動態載入的，所以點擊不生效，比較好的方法有兩個：

1、動態新增的時候加行內事件，例如onclick="funcName()"

在js中寫好方法名稱對應的方法就可以了，如果綁定方法的元素太多，可以考慮使用方法二；

2、jquery的on事件綁定

eg:

on事件可以给动态添加的元素也绑定事件。
$("#optionGroup").on('click','.input-group .delete-option',function () {
    console.log("aaa")
    let num = $(this).parents(".input-group").index();
    console.log(num)
})

注意：on事件先是取得到父元素，然後綁定到子元素上，父元素最好是已經存在的元素，而不是動態添加的。

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

 相關推薦：

web列印功能

#Vue Electron實作簡單桌面應用程式

#################################################### #

以上是動態新增的html元素綁定事件的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！