DOM Events

  • Revision slug: DOM_Client_Object_Cross-Reference/DOM_Events
  • Revision title: DOM Events
  • Revision id: 40774
  • Created:
  • Creator: PointedEars
  • Is current revision? No
  • Comment /* Events */ Added basic event types

Revision Content

{{template.NeedsTechnicalReview()}}

Events

Event Bubbles Cancelable
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
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 ?
select yes ? no ?
change yes ? no ?
submit yes ? yes ?
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" width="100%">
      <tbody><tr>
        <th>Event</th>
        <th colspan="2">Bubbles</th>
        <th colspan="2">Cancelable</th>
      </tr>
      <tr>
        <th></th>
        <th>W3C DOM</th>
        <th>MSHTML DOM (IE)</th>
        <th>W3C DOM</th>
        <th>MSHTML DOM (IE)</th>
      </tr>

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

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

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

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

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

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