Down and Dirty with Chrome Developer Tools

Monitor Events

From the console you can usefully monitor events with the monitorEvents API. The API takes an object to be monitored and then an event to listen for. For example:

monitorEvents(document, ["scroll"]);
monitorEvents($('#action-button'), ["mousedown", "mouseup"]);

Audits

To stop monitoring events, simply call unmonitorEvents() passing the object to stop monitoring on.

unmonitorEvents(document);

Exercise

Monitor the scroll event on the following element textfield