Comment ajouter un écouteur d'événement de clic à plusieurs éléments avec la même classe en JavaScript ?

Ajout d'écouteurs d'événements de clic à des éléments de même classe

Pour ajouter un écouteur d'événements de clic à tous les éléments d'une classe spécifique, vous pouvez utilisez querySelectorAll() au lieu de querySelector() pour récupérer toutes les correspondances éléments.

Code JavaScript :

Dans ce code :

• var deleteLinks = document.querySelectorAll(' .delete'); récupère tous les éléments avec la classe "delete".
• Le la boucle for suivante parcourt la liste des éléments.
• Pour chaque élément, un écouteur d'événement est ajouté pour écouter l'événement click.
• Si la fonction confirm("sure u wanted to delete " this.title) renvoie false, l'appel event.preventDefault() empêche le comportement par défaut de l'événement de clic (comme la soumission d'un formulaire).

Supplémentaire Notes :

• Il convient de noter que seul querySelector() renvoie un seul élément, tandis que querySelectorAll() renvoie une NodeList.
• L'utilisation de event.preventDefault() est appropriée pour empêcher soumissions de formulaires ou autres actions par défaut lors de l'utilisation addEventListener().

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!