Comment puis-je identifier l'élément source d'un événement jQuery ?

Identification de la source de l'événement

Lorsqu'un événement se produit, il est souvent souhaitable de déterminer l'identité de l'élément qui l'a déclenché. Ceci est particulièrement utile pour effectuer des actions spécifiques basées sur la source de l'événement.

Dans jQuery, la propriété event.target peut être utilisée pour obtenir l'ID de l'élément qui a déclenché l'événement. Cette propriété représente la source directe de l'événement.

Exemple d'implémentation

Considérez le code JavaScript suivant :

$(document).ready(function() {
    $("a").click(function(event) {
        var elementId = event.target.id;
        console.log("ID of the element that fired the event: " + elementId);
    });
});

Dans ce code, lorsque un l'élément est cliqué, le gestionnaire d'événements click est invoqué. Le paramètre event est transmis au gestionnaire et la propriété event.target.id est récupérée pour obtenir l'ID de l'élément cliqué. Cet identifiant est ensuite enregistré dans la console pour être affiché.

Remarque :

La propriété event.target fait référence à l'élément DOM réel. Pour effectuer des opérations jQuery sur l'élément, celui-ci doit être encapsulé dans un objet jQuery à l'aide de $(this). Par exemple :

$(document).ready(function() {
    $("a").click(function(event) {
        $(this).append(" Clicked");
    });
});

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!