méthode jquery pour obtenir un objet source d'événement

Dans JQuery, vous pouvez facilement obtenir des objets sources d'événements. Dans la fonction de gestion des événements, l'objet source d'événement peut être obtenu en passant l'objet événement (event). De plus, JQuery fournit également une fonction permettant d'obtenir l'objet source de l'événement, à savoir event.target.

La différence entre event.target et this

Dans les fonctions de traitement d'événements, nous utilisons souvent ceci pour faire référence à l'objet source d'événement, et event.target peut également être utilisé pour obtenir l'objet source d'événement. La différence entre eux est que cela pointe vers l'élément auquel le gestionnaire d'événements est actuellement lié, tandis que event.target pointe vers l'élément cible réel de l'événement.

Par exemple :

Code HTML :

<div>
  <p>这是一个段落</p>
  <button>点击我</button>
</div>

Code JavaScript :

$("div").on("click", function(event) {
  console.log("this:", this);  // 输出<div>元素
  console.log("event.target:", event.target);  // 点击<div>输出<div>元素，点击<p>输出<p>元素，点击<button>输出<button>元素
});

Utilisation de event.target

En plus d'utiliser event.target pour obtenir l'objet source d'événement dans l'exemple mentionné ci-dessus, vous pouvez également utiliser JQuery fournir une fonction pour l'obtenir. JQuery fournit une fonction d'encapsulation de event.target, à savoir $(event.target), qui peut facilement obtenir l'objet source de l'événement.

Par exemple :

$("div").on("click", "button", function(event) {
  var $button = $(event.target);  // 获取被点击的<button>元素
  console.log($button.text());  // 输出"点击我"
});

Dans cet exemple, lorsque nous cliquons sur le bouton, nous pouvons obtenir l'objet bouton cliqué via $(event.target). Ensuite, vous pouvez effectuer certaines opérations sur cet objet, comme obtenir le texte du bouton.

Résumé

Il est très pratique d'obtenir l'objet source de l'événement via JQuery. Vous pouvez utiliser event.target ou this pour l'obtenir. Lors du traitement des événements, le choix d'une méthode appropriée pour obtenir l'objet source d'événement en fonction de la situation spécifique peut rendre le code plus concis et plus lisible.

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!