A way to capture the Javascript which is changing an element's css property?
-
25-10-2019 - |
Question
I have a div which is getting hidden/displayed by a click on another element. I can see the div's visibility CSS property changing in firebug. The div is initialized using Microsoft Javascript library in code using: Sys.Application.add_init(function() {$create.....
How do I get the actual Javascript which runs during run time with every click? Is there a way to intercept the js call and see what code is exactly running, like in Firebug or Chrome's Developer Tools?
(This is NOT a question on how to hide/unhide an element. I know how to do this)
Solution
I know in Chrome Dev Tools what you can try to do is:
- Find the element clicking on which is causing your div to hide.
- Expand it's
Event Listeners
in the right bar - Expand the
click
event - Then click the source file displayed there for the click event.
It would take you to where the click event function, so you can put a break point there. This is what you're asking, right?