Maison > interface Web > js tutoriel > Comment lier des événements à des éléments HTML ajoutés dynamiquement

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

不言
Libérer: 2018-07-07 10:47:18
original
2472 Les gens l'ont consulté

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(&#39;click&#39;,&#39;.input-group .delete-option&#39;,function () {
    console.log("aaa")
    let num = $(this).parents(".input-group").index();
    console.log(num)
})
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal