jQuery: Можно ли получить ссылку на связанные события на элементе?

Question

У меня есть некоторые элементы с функцией, связанной с событием click. Я хочу привязать эту же функцию к событиям mouseover и mouseout. Можно ли получить ссылку на событие click, чтобы я мог назначить его другим событиям? Я себе что-то вроде этого (внутри each()):

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

Вопросы Вы можете спросить

Почему вы не просто изменить код, который связывающую его на событие щелчка?

JS, который ее настройка является частью модуля Drupal (DHTML Menu, если вам интересно), так что я не хочу, чтобы изменить код модуля, поскольку он будет уничтожен, когда модуль неизбежно обновляются в будущем. Я также использую обработчик click для других частей страницы - я хочу только переместить его на mouseover и mouseout для одного меню.

Answer 1

В JQuery, все события, связанные с помощью JQuery, хранятся в data под ключ events. Ниже будет делать то, что вы хотите:

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'); 
} 

Answer 2

Попробуйте это:

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

Вы также можете сделать это:

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