Comment lier des événements à des éléments HTML ajoutés dynamiquement

Cet article présente principalement la méthode de liaison des événements aux éléments HTML ajoutés dynamiquement. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Évitez d'écrire le DOM en premier. Opération, mais l'élément est chargé dynamiquement, donc le clic ne prend pas effet. Il existe deux meilleures méthodes :

1. Ajoutez des événements en ligne lors de l'ajout dynamique, tels que onclick="funcName()"

<.>Écrivez simplement la méthode correspondant au nom de la méthode en js. S'il y a trop d'éléments pour lier la méthode, vous pouvez envisager d'utiliser la méthode deux

2 de jquery sur la liaison d'événement

. Par exemple :

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

Remarque : l'événement on obtient d'abord l'élément parent, puis le lie à l'élément enfant. L'élément parent est de préférence un élément existant, et il. n’est pas ajouté dynamiquement.

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Fonction d'impression Web

Vue+Electron implémente une application de bureau simple

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!