首頁  >  文章  >  web前端  >  動態新增的html元素綁定事件的方法

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

不言
不言原創
2018-07-07 10:47:182415瀏覽

這篇文章主要介紹了關於動態添加的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中文網其他相關文章!

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