Comment déboguer les liaisons d'événements JavaScript/jQuery avec Firebug ?

Débogage des liaisons d'événements JavaScript/jQuery avec Firebug

Lorsque vous travaillez avec des applications Web complexes qui utilisent largement jQuery pour la manipulation du DOM, il est important d'avoir outils fiables pour déboguer les liaisons d’événements. L'un de ces outils est Firebug dans Firefox, qui offre de robustes capacités de navigation et de manipulation du DOM. Cependant, naviguer dans les liaisons d'événements dans Firebug peut être difficile.

Localisation des gestionnaires d'événements liés

Pour identifier les gestionnaires d'événements liés à un élément spécifique, vous pouvez utiliser data() de jQuery méthode :

// For jQuery 1.3.x
var clickEvents = $('#foo').data("events").click;

// For jQuery 1.4.x
var clickEvents = $('#foo').data("events").click;

// For jQuery 1.8.x
var clickEvents = $._data($('#foo')[0], "events").click;

jQuery.each(clickEvents, function(key, value) {
  console.log(value); // Prints the attached event function
});

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!