MonitorEvents

From FirebugWiki

(Difference between revisions)
Jump to: navigation, search
m (This page should be complete, so remove the incomplete hint)
m (Changed command description and marked second parameter as optional)
Line 1: Line 1:
-
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 or specific events dispatched to an object.
== Syntax ==
== Syntax ==
Line 11: Line 11:
=== types ===
=== types ===
-
Event type(s) to log. This can be a single event type or an array of event types.
+
Event type(s) to log. This can be a single event type or an array of event types. (optional)
Besides supporting all normal events Firebug and Web Inspector offer a bunch of event groups, which combine several event types.
Besides supporting all normal events Firebug and Web Inspector offer a bunch of event groups, which combine several event types.

Revision as of 13:06, 5 July 2012

Turns on logging for all or specific events dispatched to an object.

Contents

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. (optional)

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

Personal tools