MonitorEvents
From FirebugWiki
(Difference between revisions)
Sebastianz (Talk | contribs) m (This page should be complete, so remove the incomplete hint) |
Sebastianz (Talk | contribs) (Added touch events) |
||
| (One intermediate revision not shown) | |||
| Line 1: | Line 1: | ||
| - | Turns on logging for all events dispatched to an object | + | 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. | ||
| Line 30: | Line 30: | ||
| <code>focus</code> || <code>blur</code>, <code>focus</code> || - | | <code>focus</code> || <code>blur</code>, <code>focus</code> || - | ||
|- | |- | ||
| - | | <code>form</code> || <code>change</code>, <code>input</code> | + | | <code>form</code> || <code>change</code>, <code>input</code>, <code>reset</code>, <code>select</code><code>submit</code> || - |
|- | |- | ||
| <code>key</code> || <code>keydown</code>, <code>keypress</code>, <code>keyup</code> || <code>keydown</code>, <code>keypress</code>, <code>keyup</code>, <code>textInput</code> | | <code>key</code> || <code>keydown</code>, <code>keypress</code>, <code>keyup</code> || <code>keydown</code>, <code>keypress</code>, <code>keyup</code>, <code>textInput</code> | ||
| Line 46: | Line 46: | ||
| <code>text</code> || <code>text</code> || - | | <code>text</code> || <code>text</code> || - | ||
|- | |- | ||
| - | | <code>touch</code> || | + | | <code>touch</code> || <code>touchstart</code>, <code>touchend</code>, <code>touchmove</code>, <code>touchenter</code>, <code>touchleave</code>, <code>touchcancel</code> ([http://code.google.com/p/fbug/issues/detail?id=5893 since Firebug 1.11]) || <code>touchstart</code>, <code>touchend</code>, <code>touchmove</code>, <code>touchcancel</code> |
|- | |- | ||
| <code>ui</code> || <code>DOMActivate</code>, <code>DOMFocusIn</code>, <code>DOMFocusOut</code> || - | | <code>ui</code> || <code>DOMActivate</code>, <code>DOMFocusIn</code>, <code>DOMFocusOut</code> || - | ||
Latest revision as of 07:27, 6 September 2012
Turns on logging for all or specific events dispatched to an object.
Contents |
[edit] Syntax
monitorEvents(object[, types])
[edit] Parameters
[edit] object
Object to log events for. (required)
[edit] 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.
[edit] 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 | touchstart, touchend, touchmove, touchenter, touchleave, touchcancel (since Firebug 1.11) | touchstart, touchend, touchmove, touchcancel
|
ui | DOMActivate, DOMFocusIn, DOMFocusOut | - |
xul | popupshowing, popupshown, popuphiding, popuphidden, close, command, broadcast, commandupdate | - |
clipboard | cut, copy, paste | - |
[edit] 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.
