For example, if you see that when you hover the mouse over an element, with the class
hover-box-cont, and you
grep for the existing code base, and there is no
mouseenter() (and in fact there is no JS code at all related to
hover-box-cont), then what is a good way to track down what is the code that is responsible for popping up a hover box?
(Since the page is partly in AngularJS, I also
hoverBox because AngularJS directives automatically use the JS name
hoverBox to map to
hover-box in the HTML, but I can't find anything for
One method I thought of was to set a listener (handler) on an inner element on the event
mouseover, and set a breakpoint on that handler code, so that it is possible to "step over" the code line by line to see which line of code is executed afterwards. But to my surprise, when I use another app to cover up the region and show the item that I set a handler on, and I move my mouse over it and click, the hover item already pops up before the breakpoint on my handler. I thought it might bubble up from my inner element first, before going to that outer region for the handler I am trying to track down.