Zobacz wszystkie zdarzenia w domenie dla elementu

Question

Mam datepicker jQuery UI, który po kliknięciu daty powoduje wyczyszczenie mojego skrótu adresu URL do # i nie zmienia daty w polu tekstowym.

Zakładam, że jest jakieś inne narzędzie JavaScript gdzie ma jakieś wydarzenie delegowane, które również jest wywoływane, zgłaszanie błędu i zabijanie programu obsługi jquery.

W jaki sposób mogę wykonać krok i zobaczyć wszystkie delegowane zdarzenia, które odpowiadają temu elementowi domowi.

Answer 1

narzędzia dev Chrome może pomóc z th jest:

1. Punkt Chrome na stronie
2. prawym przyciskiem myszy daty w datepicker jQuery UI i wybierz "Zbadaj element".
3. Po prawej stronie jest akordeon z różnymi rzeczami. W dolnej części znajduje się "Event Listeners". (Obecne wersje narzędzi deweloperskich Chrome są bardzo inteligentne, w tym zapytanie do łańcucha obsługi jQuery.)
4. Rozwiń element drzewa "Wykrywacze zdarzeń", a zobaczysz listę zahaczonych zdarzeń związanych z tym elementem, nawet jeśli przewodnik nie jest określony specjalnie dla elementu , który to element jest określony jako. (Na przykład, jeśli zrobiłeś to za pomocą przycisku upave na pytaniu, zobaczysz, że click jest podpięty zarówno dla a.vote-up-off, jak i document.) Możesz więc obrócić je, aby zobaczyć, jakie bezpośrednie i delegowane procedury obsługi odnoszą się do tego wydarzenia. element.

Oprócz tego można użyć nieliminowanej wersji jQuery i przejść przez wysyłkę zdarzenia po kliknięciu daty w datepicker.

I oczywiście, Gabe's shown, w jaki sposób można uzyskać instrukcje obsługi specyficzne dla jQuery za pośrednictwem nieudokumentowanych danych jQuery events. (To nie pokaże ci delegowanych programów obsługi (chyba że przejdziesz przez drzewo przodków) i nie pokaże ci niezwiązanych z jQuery programów obsługi, które mogą być dołączone, ale nadal jest to całkiem przydatne rzeczy.)

Answer 2

Z jQuery można zobaczyć wszystkie zdarzenia elementów, uzyskując dostęp do klucza danych events.

jsFiddle

Przykład:

HTML

<input type="text" id="myelement" />​ 

JS

$(function() { 


    var myelement = $('#myelement'); 
    myelement.click(function() { 

     console.log('anonymous event'); 

    }); 

    myelement.click(anotherEvent); 
    myelement.change(anotherEvent); 

    var events = myelement.data('events'); 

    console.log('Number of click events:' + events.click.length); 
    console.log('Number of change events:' + events.change.length); 

}); 

function anotherEvent(){ 
    console.log('another event'); 
}