Javascript Girl
  1. Javascript Girl
  3. JQuery: Puis-je obtenir une référence aux événements liés sur un élément?
Intereting Posts
Chart.js Couleur du texte ChangeDetectionStrategy.OnPush et Observable.subscribe dans Angular 2 JavaScript window.open uniquement si la fenêtre n'existe pas déjà Rendre le contenu d'un tag <details> animé lorsqu'il est ouvert avec jQuery / JS MVC en nœud et en général: comment les modèles sont liés aux vues? Appel de VBScript à partir de Javascript Existe-t-il un moyen de colorier seulement une partie de l'image sur le vol stationnaire? Javascript "Uncaught TypeError: l'objet n'est pas une fonction" question d'associativité Quelle est la différence entre l'utilisation d'Object.create () et l'utilisation de l'opérateur d'affectation? Exécutez une classe principale java à partir de JSP Comment les navigateurs font-ils une pause / modifient-ils Javascript lorsque l'onglet ou la fenêtre n'est pas actif? Le rendu de la liste de tableau longue rend la page défilante lente dans Angular.js Soundcloud Javascript API SC.get () ne me permettra pas de modifier une variable en dehors de la fonction Détecter le téléphone Android via Javascript / jQuery Pourquoi cette valeur pour chaque personne est-elle indéfinie lors de l'utilisation d'une déclaration

JQuery: Puis-je obtenir une référence aux événements liés sur un élément?

J'ai quelques éléments avec une fonction liée à l'événement de click . Je souhaite lier cette même fonction aux événements mouseout et mouseout . Est-il possible d'obtenir une référence à l'événement de clic afin que je puisse l'attribuer à ces autres événements? J'imagine quelque chose comme ça (à each() intérieur de each() ): 

 $(this).bind('mouseover', $(this).click()); $(this).bind('mouseout', $(this).click()); $(this).unbind('click');

Questions que vous pourriez poser

Pourquoi ne modifiez-vous que le code qui l'associe à l'événement de clic?

Le JS qui l'installe fait partie d'un module Drupal ( Menu DHTML , si vous êtes curieux), donc je ne veux pas modifier le code du module car il sera effacé lorsque le module sera mis à jour inévitablement à l'avenir. J'utilise également le gestionnaire de click pour d'autres parties de la page. Je ne veux que le déplacer vers le mouseover et le click de mouseover pour un menu.

Dans jQuery, tous les événements liés par jQuery sont stockés dans les data sous les events clés. Ce qui suit consiste à faire ce que vous voulez: 

 var $this = $(this), events = $this.data('events'); if( events && events['click'] ){ // Loop through each click event bound to this control $.each( events['click'], function(){ // this = the function $this.bind('mouseover mouseout', this); }); // Finally, remove all `click` handlers with one call $this.unbind('click'); }

Essaye ça: 

 jQuery('#element').data('events');

Vous pouvez également le faire: 

 jQuery.each(jQuery('#element').data('events'), function(i, event){ jQuery.each(event, function(i, eventHandler){ console.log("The handler is " + eventHandler.toString() ); }); });