DOM Events

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

Revision Content

{{template.NeedsTechnicalReview()}}

Events

Event W3C DOM Gecko DOM MSHTML DOM (IE) Cancel Value ({{mediawiki.external('X')}}HTML)
Bubbles Cancelable Bubbles Cancelable Bubbles Cancelable
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 yes yes false
mousedown yes yes ? ? yes yes ?
mouseup yes yes ? ? yes yes ?
mouseover yes yes ? yes yes yes true
mousemove yes yes ? ? yes no ?
mouseout yes yes ? yes yes no true
Keyboard event types
keydown yes yes ? yes yes yes false
keyup yes yes ? yes yes no false
keypress (proprietary) - - ? yes yes yes false
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 ? yes ? ? true
select yes no ? ? ? ?
change yes no ? ? ? ?
submit yes 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">W3C DOM</th>
        <th colspan="2">Gecko DOM</th>
        <th colspan="2">MSHTML DOM (IE)</th>
        <th rowspan="2">Cancel Value ({{mediawiki.external('X')}}HTML)</th>
      </tr>
      <tr>
        <th>Bubbles</th>
        <th>Cancelable</th>
        <th>Bubbles</th>
        <th>Cancelable</th>
        <th>Bubbles</th>
        <th>Cancelable</th>
      </tr>

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

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

      <tr>
        <th colspan="8">Mouse event types</th>
      </tr>
      <tr>
        <td>click</td>
        <td>yes</td>
        <td>yes</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>?</td>
        <td>?</td>
        <td>yes</td>
        <td>yes</td>
        <td>?</td>
      </tr>
      <tr>
        <td>mouseup</td>
        <td>yes</td>
        <td>yes</td>
        <td>?</td>
        <td>?</td>
        <td>yes</td>
        <td>yes</td>
        <td>?</td>
      </tr>
      <tr>
        <td>mouseover</td>
        <td>yes</td>
        <td>yes</td>
        <td>?</td>
        <td>yes</td>
        <td>yes</td>
        <td>yes</td>
        <td><code>true</code></td>
      </tr>
      <tr>
        <td>mousemove</td>
        <td>yes</td>
        <td>yes</td>
        <td>?</td>
        <td>?</td>
        <td>yes</td>
        <td>no</td>
        <td>?</td>
      </tr>
      <tr>
        <td>mouseout</td>
        <td>yes</td>
        <td>yes</td>
        <td>?</td>
        <td>yes</td>
        <td>yes</td>
        <td>no</td>
        <td><code>true</code></td>
      </tr>

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

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

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