Debugging onFocus event using Chrome Developer Tools? Can't return focus after break point

Question

I\'m trying to debug a JavaScript onFocus event attached to a bunch of text boxes on a page. The bug occurs when selecting a text box and then tabbing to the next

Answer 1

One option for debugging tricky cases is to set an interval to poll the focus in the console.

setInterval(function() {console.log($(':focus')); }, 1000);

Type this in the console (update it to include whatever details you are interested in), hit enter, and then keep the console where you can see it while you do stuff in your UI.

*MDN docs for setInerval()