Difference between revisions of "MonitorEvents"

From FirebugWiki
Jump to: navigation, search
(Extended description)
m (This page should be complete, so remove the incomplete hint)
Line 1: Line 1:
{{needsHelp}}
 
 
 
Turns on logging for all events dispatched to an object. The optional argument <code>types</code> may define specific events or event types to log.
 
Turns on logging for all events dispatched to an object. The optional argument <code>types</code> may define specific events or event types to log.
  

Revision as of 04:59, 5 July 2012

Turns on logging for all events dispatched to an object. The optional argument types may define specific events or event types to log.

Syntax

monitorEvents(object[, types])

Parameters

object

Object to log events for. (required)

types

Event type(s) to log. This can be a single event type or an array of event types.

Besides supporting all normal events Firebug and Web Inspector offer a bunch of event groups, which combine several event types.

Event groups

Group Included events in Firebug Included events in Web Inspector
composition composition, compositionend, compositionstart -
contextmenu contextmenu -
control - blur, change, focus, reset, resize, scroll, select, submit, zoom
drag dragdrop, dragenter, dragexit, draggesture, dragover -
focus blur, focus -
form change, input, , reset, selectsubmit -
key keydown, keypress, keyup keydown, keypress, keyup, textInput
load abort, beforeunload, error, load, unload -
mouse click, dblclick, mousedown, mousemove, mouseup, mouseout, mouseover click, dblclick, mousedown, mousemove, mouseup, mouseout, mouseover, mousewheel
mutation DOMSubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMNodeRemovedFromDocument, DOMNodeInsertedIntoDocument, DOMAttrModified, DOMCharacterDataModified -
paint paint, resize, scroll -
scroll overflow, underflow, overflowchanged -
text text -
touch - touchcancel, touchend, touchmove, touchstart
ui DOMActivate, DOMFocusIn, DOMFocusOut -
xul popupshowing, popupshown, popuphiding, popuphidden, close, command, broadcast, commandupdate -
clipboard cut, copy, paste -

Examples

monitorEvents(document.body)

This will monitor all events occurring to the <body> element.

monitorEvents(document.getElementsByTagName("input")[0], "keydown")

This will monitor all keydown events occurring to the first <input> element.

monitorEvents(document.getElementById("interactive"), "mouse")

This will monitor all mouse events (click, dblclick, mousedown, mousemove, mouseup, mouseout and mouseover) occurring to the element with the id interactive.

monitorEvents(document.getElementById("interactive"), ["mouse", "keyup", "keydown"])

This will monitor all mouse events (click, dblclick, mousedown, mousemove, mouseup, mouseout and mouseover) plus all keyup and keydown events occurring to the element with the id interactive.

See also