DOM Events

  • Revision slug: DOM_Client_Object_Cross-Reference/DOM_Events
  • Revision title: DOM Events
  • Revision id: 40776
  • Created:
  • Creator: PointedEars
  • Is current revision? No
  • Comment /* Events */

Revision Content

{{template.NeedsTechnicalReview()}}

Events

Event Bubbles Cancelable Cancel Value ({{mediawiki.external('X')}}HTML)
W3C DOM MSHTML DOM (IE) W3C DOM MSHTML DOM (IE)
User interface event types
DOMActivate yes - yes - ?
DOMFocusIn yes - no - ?
DOMFocusOut yes - no - ?
focus no no no no ?
blur no no no no ?
Text event types
textInput yes - yes - ?
Mouse event types
click yes yes yes yes false
mousedown yes yes yes yes ?
mouseup yes yes yes yes ?
mouseover yes yes yes yes ?
mousemove yes yes yes no ?
mouseout yes yes yes no ?
Keyboard event types
keydown yes yes yes yes ?
keyup yes yes yes no ?
keypress (proprietary) - yes - yes ?
Mutation and mutation name event types
DOMSubtreeModified yes - no - ?
DOMNodeInserted yes - no - ?
DOMNodeRemoved yes - no - ?
DOMNodeRemovedFromDocument yes - no - ?
DOMNodeInsertedIntoDocument yes - no - ?
DOMAttrModified yes - no - ?
DOMCharacterDataModified yes - no - ?
DOMElementNameChanged yes - no - ?
DOMAttributeNameChanged yes - no - ?
Basic event types
load no ? no ? ?
unload no ? no ? ?
abort yes ? no ? ?
error yes ? no ? true
select yes ? no ? ?
change yes ? no ? ?
submit yes ? yes ? false
reset yes ? yes ? ?
resize yes ? no ? ?
scroll yes ? no ? ?

DOM Objects

{{mediawiki.external('TODO')}}

Revision Source

<p>{{template.NeedsTechnicalReview()}}

</p>
<h3 name="Events"> Events </h3>
<table class="standard-table" style="width:100%">
      <tbody><tr>
        <th rowspan="2">Event</th>
        <th colspan="2">Bubbles</th>
        <th colspan="2">Cancelable</th>
        <th rowspan="2">Cancel Value ({{mediawiki.external('X')}}HTML)</th>
      </tr>
      <tr>
        <th>W3C DOM</th>
        <th>MSHTML DOM (IE)</th>
        <th>W3C DOM</th>
        <th>MSHTML DOM (IE)</th>
      </tr>

      <tr>
        <th colspan="6">User interface event types</th>
      </tr>
      <tr>
        <td>DOMActivate</td>
        <td>yes</td>
        <td>-</td>
        <td>yes</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>DOMFocusIn</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>DOMFocusOut</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>focus</td>
        <td>no</td>
        <td>no</td>
        <td>no</td>
        <td>no</td>
        <td>?</td>
      </tr>
      <tr>
        <td>blur</td>
        <td>no</td>
        <td>no</td>
        <td>no</td>
        <td>no</td>
        <td>?</td>
      </tr>

      <tr>
        <th colspan="6">Text event types</th>
      </tr>
      <tr>
        <td>textInput</td>
        <td>yes</td>
        <td>-</td>
        <td>yes</td>
        <td>-</td>
        <td>?</td>
      </tr>

      <tr>
        <th colspan="6">Mouse event types</th>
      </tr>
      <tr>
        <td>click</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td><code>false</code></td>
      </tr>
      <tr>
        <td>mousedown</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>?</td>
      </tr>
      <tr>
        <td>mouseup</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>?</td>
      </tr>
      <tr>
        <td>mouseover</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>?</td>
      </tr>
      <tr>
        <td>mousemove</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>no</td>
        <td>?</td>
      </tr>
      <tr>
        <td>mouseout</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>no</td>
        <td>?</td>
      </tr>

      <tr>
        <th colspan="6">Keyboard event types</th>
      </tr>
      <tr>
        <td>keydown</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>?</td>
      </tr>
      <tr>
        <td>keyup</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td>no</td>
        <td>?</td>
      </tr>
      <tr>
        <td>keypress (<em>proprietary</em>)</td>
        <td>-</td>
        <td>yes</td>
        <td>-</td>
        <td>yes</td>
        <td>?</td>
      </tr>

      <tr>
        <th colspan="6">Mutation and mutation name event types</th>
      </tr>
      <tr>
        <td>DOMSubtreeModified</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>DOMNodeInserted</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>DOMNodeRemoved</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>DOMNodeRemovedFromDocument</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>DOMNodeInsertedIntoDocument</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>DOMAttrModified</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>DOMCharacterDataModified</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>DOMElementNameChanged</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>
      <tr>
        <td>DOMAttributeNameChanged</td>
        <td>yes</td>
        <td>-</td>
        <td>no</td>
        <td>-</td>
        <td>?</td>
      </tr>

      <tr>
        <th colspan="6">Basic event types</th>
      </tr>
      <tr>
        <td>load</td>
        <td>no</td>
        <td>?</td>
        <td>no</td>
        <td>?</td>
        <td>?</td>
      </tr>
      <tr>
        <td>unload</td>
        <td>no</td>
        <td>?</td>
        <td>no</td>
        <td>?</td>
        <td>?</td>
      </tr>
      <tr>
        <td>abort</td>
        <td>yes</td>
        <td>?</td>
        <td>no</td>
        <td>?</td>
        <td>?</td>
      </tr>
      <tr>
        <td>error</td>
        <td>yes</td>
        <td>?</td>
        <td>no</td>
        <td>?</td>
        <td><code>true</code></td>
      </tr>
      <tr>
        <td>select</td>
        <td>yes</td>
        <td>?</td>
        <td>no</td>
        <td>?</td>
        <td>?</td>
      </tr>
      <tr>
        <td>change</td>
        <td>yes</td>
        <td>?</td>
        <td>no</td>
        <td>?</td>
        <td>?</td>
      </tr>
      <tr>
        <td>submit</td>
        <td>yes</td>
        <td>?</td>
        <td>yes</td>
        <td>?</td>
        <td><code>false</code></td>
      </tr>
      <tr>
        <td>reset</td>
        <td>yes</td>
        <td>?</td>
        <td>yes</td>
        <td>?</td>
        <td>?</td>
      </tr>
      <tr>
        <td>resize</td>
        <td>yes</td>
        <td>?</td>
        <td>no</td>
        <td>?</td>
        <td>?</td>
      </tr>
      <tr>
        <td>scroll</td>
        <td>yes</td>
        <td>?</td>
        <td>no</td>
        <td>?</td>
        <td>?</td>
      </tr>
  </tbody></table>
<h3 name="DOM_Objects"> DOM Objects </h3>
<p>{{mediawiki.external('TODO')}}
</p>
Revert to this revision