Używanie inspektora sieci Chromes do przeglądania kodu jest bardzo przydatne. Ale jak widzisz na przykład kod najechania na przycisk? Będziesz musiał najechać myszką na przycisk, a tym samym nie możesz go używać (myszy) w inspektorze. Czy są jakieś skróty lub inne sposoby, aby to osiągnąć w inspektorze?

Teraz możesz zobaczyć obie reguły stylu pseudoklas i wymusić je na elementach.

Aby zobaczyć reguły, takie jak :hoverw panelu Style, kliknij mały przycisk z kropkowaną ramką w prawym górnym rogu.

Aby wymusić przejście elementu do :hoverstanu, kliknij go prawym przyciskiem myszy.

Alternatywnie można użyć panelu paska bocznego Event Listener Breakpoints w panelu Skrypty i wybrać wstrzymanie obsługi wskaźnika myszy.

Alternatywnie można użyć panelu paska bocznego Event Listener Breakpoints w panelu Skrypty i wybrać wstrzymanie obsługi wskaźnika myszy.

To trochę denerwujące, ale musisz kliknąć prawym przyciskiem myszy na elemencie, a następnie trzymając kursor myszy nad linkiem, za pomocą klawiatury wybrać link „Sprawdź element” i nacisnąć Enter. Powinno to pokazać ci css dla pseudoklasy hover dla wybranego elementu.

Mam nadzieję, że ułatwią to trochę w przyszłych kompilacjach.

W przeglądarce Chrome:

Możesz także najechać kursorem myszy na element, a następnie kliknąć CTRL+SHIFT+C aby sprawdzić ten element.

W przeglądarce Firefox:

w firebug:

źródło: https://stackoverflow.com/a/11272205/2165415

Nie jestem pewien, czy dobrze rozumiem twoje pytanie, ale jeśli chcesz zobaczyć kod obsługi zdarzeń, możesz po prostu sprawdzić element i spojrzeć na panel boczny Event Listeners w panelu Elements. Innym sposobem jest po prostu naciśnięcie przycisku pauzy w Panelu skryptów i po prostu najechanie kursorem na element. Debuger zatrzyma się przy pierwszej instrukcji pierwszego programu obsługi zdarzeń.

Proszę spojrzeć na poniższy link, aby uzyskać odpowiedź

Zobacz: stan najechania kursorem w Narzędziach dla programistów Chrome