CODEWITHSUNDEEP
javascripteventsgoogle-chrome-devtools
temporary_user_name
temporary_user_name

Reputation: 37058

Monitoring custom events in chrome?

I'm trying to figure out where an event is firing from, and I'm having zero luck.

So we have this:

this.model.on('change:inventory', this.inventory_callback, this);

And I set a breakpoint there and tried this in the chrome dev tools console:

monitorEvents(this.model)

But I got nothing. Tips? Advice? What am I doing wrong? Can I do it this way? If not, is there another way?

Upvotes: 4

Views: 2327

Answers (1)

Alexander Pavlov
Alexander Pavlov

Reputation: 32286

monitorEvents() is intended for tracking native DOM events only. According to the tip-of-tree source (source code link), this is the comprehensive list of monitor-able event types (read "event names prefixed by"):

  • "mouse"
  • "key"
  • "touch"
  • "control"
  • "load"
  • "unload"
  • "abort"
  • "error"
  • "select"
  • "change"
  • "submit"
  • "reset"
  • "focus"
  • "blur"
  • "resize"
  • "scroll"
  • "search"
  • "devicemotion"
  • "deviceorientation"

Upvotes: 5

Related Questions