--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/html/DOM3-Events.html Tue Mar 14 03:20:49 2006 +0900
@@ -0,0 +1,5556 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+ Generated: Mon Mar 13 19:15:51 CET 2006 hive
+ -->
+<html lang='en-US' xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
+<head>
+<meta name="generator" content="HTML Tidy for Windows (vers 14 February 2006), see www.w3.org" />
+<title>Document Object Model (DOM) Level 3 Events Specification</title>
+<link rel='stylesheet' type='text/css' href='./spec.css' />
+<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
+<link rel='stylesheet' type='text/css' href='http://www.w3.org/StyleSheets/TR/W3C-MO' />
+<link rel='copyright' href='copyright-notice.html' />
+<link rel='glossary' href='glossary.html' />
+<link rel='Start' href='Overview.html' />
+<link rel='author' href='mailto:www-dom@w3.org' />
+<link rel='help' href='http://www.w3.org/DOM/' />
+</head>
+<body>
+<a id='Overview' name='Overview'></a>
+<div class='head'>
+<p><a href='http://www.w3.org/'><img height='48' width='72' alt='W3C' src='http://www.w3.org/Icons/w3c_home' /></a></p>
+<h1 id='Overview-title'>Document Object Model (DOM) Level 3 Events Specification</h1>
+<h2 id='Overview-version'>Version 1.0</h2>
+<!-- @@@ -->
+<h2 id='Overview-W3C-doctype'>Editor's Draft February 2006</h2>
+<dl>
+<dt>This version:</dt>
+<dd><a href='http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107'>http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107 (outdated)</a></dd>
+<dt>Latest version:</dt>
+<dd><a href='http://www.w3.org/TR/DOM-Level-3-Events'>http://www.w3.org/TR/DOM-Level-3-Events</a></dd>
+<dt>Previous version:</dt>
+<dd><a href='http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/'>http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/</a></dd>
+</dl>
+<dl>
+<dt>Editors:</dt>
+<dd>Björn Höhrmann,</dd>
+<dd>Philippe Le Hégaret, <i>W3C (until November 2003)</i></dd>
+<dd>Tom Pixley, <i>Netscape Communications Corporation (until July 2002)</i></dd>
+</dl>
+<p class='copyright'><a href='http://www.w3.org/Consortium/Legal/ipr-notice#Copyright'>Copyright</a> ©2006 <a href='http://www.w3.org/'><abbr title='World Wide Web Consortium'>W3C</abbr></a><sup>®</sup> (<a href='http://www.csail.mit.edu/'><abbr title='Massachusetts Institute of Technology'>MIT</abbr></a>, <a href='http://www.ercim.org/'><abbr title='European Research Consortium for Informatics and Mathematics'>ERCIM</abbr></a>, <a href='http://www.keio.ac.jp/'>Keio</a>), All Rights Reserved. W3C <a href='http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer'>liability</a>, <a href='http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks'>trademark</a>, <a href='http://www.w3.org/Consortium/Legal/copyright-documents'>document use</a> and <a href='http://www.w3.org/Consortium/Legal/copyright-software'>software licensing</a> rules apply.</p>
+</div>
+<hr title='separator from header' />
+<h2 id='Overview-abstract'>Abstract</h2>
+<div class='abstract'>
+<p>This specification defines the Document Object Model Events Level 3, a generic platform- and language-neutral event system which allows registration of event handlers, describes event flow through a tree structure, and provides basic contextual information for each event. The Document Object Model Events Level 3 builds on the Document Object Model Events Level 2 [<a class='noxref' href='#references-DOM2Events'>DOM Level 2 Events</a>].</p>
+</div>
+<h2 id='Overview-status'>Status of this document</h2>
+<div class='status'>
+<p>This document is for review by the <a href='http://www.w3.org/2006/webapi/'>WebAPI Working Group</a> and is subject to change without notice. This document has no formal standing within W3C. Please consult the <a href='http://www.w3.org/2006/webapi/'>group's home page</a> and the <a href='http://www.w3.org/TR/'>W3C technical reports index</a> for information about the latest publications by this group.</p>
+</div>
+<h2 id='Overview-table-of-contents'><a name='Overview-contents' id="Overview-contents">Table of contents</a></h2>
+<ul class='toc'>
+<li class='tocline2'><a class='tocxref' href='#expanded-toc'>Expanded Table of Contents</a></li>
+<li class='tocline2'><a class='tocxref' href='#copyright-notice'>W3C Copyright Notices and Licenses</a></li>
+</ul>
+<ul class='toc'>
+<li class='tocline2'><a class='tocxref' href='#events'>1. Document Object Model Events</a></li>
+</ul>
+<ul class='toc'>
+<li class='tocline2'><a class='tocxref' href='#keyset'>Appendix A: Keyboard events and key identifiers</a></li>
+<li class='tocline2'><a class='tocxref' href='#changes'>Appendix B: Changes</a></li>
+<li class='tocline2'><a class='tocxref' href='#idl-definitions'>Appendix C: IDL Definitions</a></li>
+<li class='tocline2'><a class='tocxref' href='#java-binding'>Appendix D: Java Language Binding</a></li>
+<li class='tocline2'><a class='tocxref' href='#ecma-script-binding'>Appendix E: ECMAScript Language Binding</a></li>
+<li class='tocline2'><a class='tocxref' href='#acknowledgements'>Appendix F: Acknowledgements</a></li>
+<li class='tocline2'><a class='tocxref' href='#glossary'>Glossary</a></li>
+<li class='tocline2'><a class='tocxref' href='#references'>References</a></li>
+<li class='tocline2'><a class='tocxref' href='#def-index'>Index</a></li>
+</ul>
+<a id='expanded-toc' name='expanded-toc'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='expanded-toc-TOC' id="expanded-toc-TOC"></a>
+<h1 id='expanded-toc-TOC-h1' class='div1'>Expanded Table of Contents</h1>
+<ul class='toc'>
+<li class='tocline2'><a class='tocxref' href='#expanded-toc'>Expanded Table of Contents</a></li>
+<li class='tocline2'><a class='tocxref' href='#copyright-notice'>W3C Copyright Notices and Licenses</a>
+<ul class='toc'>
+<li class='tocline3'><a class='tocxref' href='#copyright-notice-Copyright-notice-document'>W3C<sup>®</sup> Document Copyright Notice and License</a></li>
+<li class='tocline3'><a class='tocxref' href='#copyright-notice-Copyright-notice-software'>W3C<sup>®</sup> Software Copyright Notice and License</a></li>
+<li class='tocline3'><a class='tocxref' href='#copyright-notice-Copyright-short-notice'>W3C<sup>®</sup> Short Software Notice</a></li>
+</ul>
+</li>
+</ul>
+<ul class='toc'>
+<li class='tocline2'><a class='tocxref' href='#events'>1 Document Object Model Events</a>
+<ul class='toc'>
+<li class='tocline3'><a class='tocxref' href='#events-Events-overview'>1.1 Introduction</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-flows'>1.1.1 Event flows</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Conformance'>1.1.2 Conformance</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-flow'>1.2 DOM event flow</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-phases'>1.2.1 Phases</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-listeners'>1.2.2 Event listeners</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-flow-cancelation'>1.3 Default actions and cancelable events</a></li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-flow-activation'>1.4 Activation</a></li>
+<li class='tocline3'><a class='tocxref' href='#events-Event-types'>1.5 Event types</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-EventTypes-category'>1.5.1 Event types and event categories</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-EventTypes-complete'>1.5.2 Complete list of event types</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-dom2-compatibility'>1.5.3 Compatibility with DOM Level 2 Events</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-registration'>1.6 Event listener registration</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-Registration-interfaces'>1.6.1 Using the EventTarget methods</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-registration-xmlevents'>1.6.2 Using XML Events</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-registration-voicexmlevents'>1.6.3 Using VoiceXML Events</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-registration-html40'>1.6.4 Using XML or HTML attributes</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-interface'>1.7 Basic interfaces</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-document'>1.7.1 Event creation</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-eventgroupings'>1.8 Event module definitions</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-uievents'>1.8.1 User Interface event types</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-TextEvents-Interfaces'>1.8.2 Text events types</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-mouseevents'>1.8.3 Mouse event types</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-KeyboardEvents-Interfaces'>1.8.4 Keyboard event types</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-mutationevents'>1.8.5 Mutation and mutation name event types</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-basicevents'>1.8.6 Basic event types</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-htmlevents'>1.8.7 HTML Events</a></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<ul class='toc'>
+<li class='tocline2'><a class='tocxref' href='#keyset'>Appendix A: Keyboard events and key identifiers</a>
+<ul class='toc'>
+<li class='tocline3'><a class='tocxref' href='#keyset-KeySet-intro'>A.1 Introduction</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#keyset-Modifiers'>A.1.1 Modifier keys</a></li>
+<li class='tocline4'><a class='tocxref' href='#keyset-DeadKeys'>A.1.2 Dead keys</a></li>
+<li class='tocline4'><a class='tocxref' href='#keyset-IME'>A.1.3 Input Method Editors</a></li>
+<li class='tocline4'><a class='tocxref' href='#keyset-cancelable_keys'>A.1.4 Default actions and cancelable keyboard events</a></li>
+<li class='tocline4'><a class='tocxref' href='#keyset-Guide'>A.1.5 Guidelines for defining key identifiers</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#keyset-KeySet-Set'>A.2 Key identifiers set</a></li>
+</ul>
+</li>
+<li class='tocline2'><a class='tocxref' href='#changes'>Appendix B: Changes</a>
+<ul class='toc'>
+<li class='tocline3'><a class='tocxref' href='#changes-DOMEvents2to3Changes'>B.1 Changes between DOM Level 2 Events and DOM Level 3 Events</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#changes-DOMEvents2to3Changes-flow'>B.1.1 Changes to DOM Level 2 event flow</a></li>
+<li class='tocline4'><a class='tocxref' href='#changes-DOMEvents2to3Changes-event-types'>B.1.2 Changes to DOM Level 2 event types</a></li>
+<li class='tocline4'><a class='tocxref' href='#changes-DOMLevel2to3Changes'>B.1.3 Changes to DOM Level 2 Events interfaces</a></li>
+<li class='tocline4'><a class='tocxref' href='#changes-DOMLevel3Addons'>B.1.4 New Interfaces</a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li class='tocline2'><a class='tocxref' href='#idl-definitions'>Appendix C: IDL Definitions</a></li>
+<li class='tocline2'><a class='tocxref' href='#java-binding'>Appendix D: Java Language Binding</a></li>
+<li class='tocline2'><a class='tocxref' href='#ecma-script-binding'>Appendix E: ECMAScript Language Binding</a></li>
+<li class='tocline2'><a class='tocxref' href='#acknowledgements'>Appendix F: Acknowledgements</a>
+<ul class='toc'>
+<li class='tocline3'><a class='tocxref' href='#acknowledgements-Productions'>F.1 Production Systems</a></li>
+</ul>
+</li>
+<li class='tocline2'><a class='tocxref' href='#glossary'>Glossary</a></li>
+<li class='tocline2'><a class='tocxref' href='#references'>References</a>
+<ul class='toc'>
+<li class='tocline3'><a class='tocxref' href='#references-References-Normative'>1 Normative references</a></li>
+<li class='tocline3'><a class='tocxref' href='#references-References-Informative'>2 Informative references</a></li>
+</ul>
+</li>
+<li class='tocline2'><a class='tocxref' href='#def-index'>Index</a></li>
+</ul>
+</div>
+<!-- div1 TOC -->
+<a id='copyright-notice' name='copyright-notice'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='copyright-notice-Copyright-Notice' id="copyright-notice-Copyright-Notice"></a>
+<h1 id='copyright-notice-Copyright-Notice-h1' class='div1'>W3C Copyright Notices and Licenses</h1>
+<p><b>Copyright © 2006 <a class='normative' href='http://www.w3.org/'>World Wide Web Consortium</a>, (<a class='normative' href='http://www.lcs.mit.edu/'>Massachusetts Institute of Technology</a>, <a class='normative' href='http://www.ercim.org/'>European Research Consortium for Informatics and Mathematics</a>, <a class='normative' href='http://www.keio.ac.jp/'>Keio University</a>). All Rights Reserved.</b></p>
+<p>This document is published under the <a href='#copyright-notice-Copyright-notice-document'>W3C<sup>®</sup> Document Copyright Notice and License</a>. The bindings within this document are published under the <a href='#copyright-notice-Copyright-notice-software'>W3C<sup>®</sup> Software Copyright Notice and License</a>. The software license requires "Notice of any changes or modifications to the W3C files, including the date changes were made." Consequently, modified versions of the DOM bindings must document that they do not conform to the W3C standard; in the case of the IDL definitions, the pragma prefix can no longer be 'w3c.org'; in the case of the Java language binding, the package names can no longer be in the 'org.w3c' package.</p>
+<div class='div2'><a name='copyright-notice-Copyright-notice-document' id="copyright-notice-Copyright-notice-document"></a>
+<hr width='50' align='center' title='Area separator' />
+<h2 id='copyright-notice-Copyright-notice-document-h2' class='div2'>W3C<sup>®</sup> Document Copyright Notice and License</h2>
+<p><b>Note:</b> This section is a copy of the W3C<sup>®</sup> Document Notice and License and could be found at <a class='normative' href='http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231'>http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231</a>.</p>
+<p><b>Copyright © 2006 <a class='normative' href='http://www.w3.org/'>World Wide Web Consortium</a>, (<a class='normative' href='http://www.lcs.mit.edu/'>Massachusetts Institute of Technology</a>, <a class='normative' href='http://www.ercim.org/'>European Research Consortium for Informatics and Mathematics</a>, <a class='normative' href='http://www.keio.ac.jp/'>Keio University</a>). All Rights Reserved.</b></p>
+<p><b>http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231</b></p>
+<p>Public documents on the W3C site are provided by the copyright holders under the following license. By using and/or copying this document, or the W3C document from which this statement is linked, you (the licensee) agree that you have read, understood, and will comply with the following terms and conditions:</p>
+<p>Permission to copy, and distribute the contents of this document, or the W3C document from which this statement is linked, in any medium for any purpose and without fee or royalty is hereby granted, provided that you include the following on <em>ALL</em> copies of the document, or portions thereof, that you use:</p>
+<ol>
+<li>A link or URL to the original W3C document.</li>
+<li>The pre-existing copyright notice of the original author, or if it doesn't exist, a notice (hypertext is preferred, but a textual representation is permitted) of the form: "Copyright © [$date-of-document] <a class='normative' href='http://www.w3.org/'>World Wide Web Consortium</a>, (<a class='normative' href='http://www.lcs.mit.edu/'>Massachusetts Institute of Technology</a>, <a class='normative' href='http://www.ercim.org/'>European Research Consortium for Informatics and Mathematics</a>, <a class='normative' href='http://www.keio.ac.jp/'>Keio University</a>). All Rights Reserved. <a class='normative' href='http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231'>http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231</a>"</li>
+<li><em>If it exists</em>, the STATUS of the W3C document.</li>
+</ol>
+<p>When space permits, inclusion of the full text of this <b>NOTICE</b> should be provided. We request that authorship attribution be provided in any software, documents, or other items or products that you create pursuant to the implementation of the contents of this document, or any portion thereof.</p>
+<p>No right to create modifications or derivatives of W3C documents is granted pursuant to this license. However, if additional requirements (documented in the <a class='normative' href='http://www.w3.org/Consortium/Legal/IPR-FAQ'>Copyright FAQ</a>) are satisfied, the right to create modifications or derivatives is sometimes granted by the W3C to individuals complying with those requirements.</p>
+<p>THIS DOCUMENT IS PROVIDED "AS IS," AND COPYRIGHT HOLDERS MAKE NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, OR TITLE; THAT THE CONTENTS OF THE DOCUMENT ARE SUITABLE FOR ANY PURPOSE; NOR THAT THE IMPLEMENTATION OF SUCH CONTENTS WILL NOT INFRINGE ANY THIRD PARTY PATENTS, COPYRIGHTS, TRADEMARKS OR OTHER RIGHTS.</p>
+<p>COPYRIGHT HOLDERS WILL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF ANY USE OF THE DOCUMENT OR THE PERFORMANCE OR IMPLEMENTATION OF THE CONTENTS THEREOF.</p>
+<p>The name and trademarks of copyright holders may NOT be used in advertising or publicity pertaining to this document or its contents without specific, written prior permission. Title to copyright in this document will at all times remain with copyright holders.</p>
+</div>
+<!-- div2 Copyright-notice-document -->
+<div class='div2'><a name='copyright-notice-Copyright-notice-software' id="copyright-notice-Copyright-notice-software"></a>
+<hr width='50' align='center' title='Area separator' />
+<h2 id='copyright-notice-Copyright-notice-software-h2' class='div2'>W3C<sup>®</sup> Software Copyright Notice and License</h2>
+<p><b>Note:</b> This section is a copy of the W3C<sup>®</sup> Software Copyright Notice and License and could be found at <a class='normative' href='http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231'>http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231</a></p>
+<p><b>Copyright © 2006 <a class='normative' href='http://www.w3.org/'>World Wide Web Consortium</a>, (<a class='normative' href='http://www.lcs.mit.edu/'>Massachusetts Institute of Technology</a>, <a class='normative' href='http://www.ercim.org/'>European Research Consortium for Informatics and Mathematics</a>, <a class='normative' href='http://www.keio.ac.jp/'>Keio University</a>). All Rights Reserved.</b></p>
+<p><b>http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231</b></p>
+<p>This work (and included software, documentation such as READMEs, or other related items) is being provided by the copyright holders under the following license. By obtaining, using and/or copying this work, you (the licensee) agree that you have read, understood, and will comply with the following terms and conditions.</p>
+<p>Permission to copy, modify, and distribute this software and its documentation, with or without modification, for any purpose and without fee or royalty is hereby granted, provided that you include the following on ALL copies of the software and documentation or portions thereof, including modifications:</p>
+<ol>
+<li>The full text of this NOTICE in a location viewable to users of the redistributed or derivative work.</li>
+<li>Any pre-existing intellectual property disclaimers, notices, or terms and conditions. If none exist, the <a href='#copyright-notice-Copyright-short-notice'>W3C<sup>®</sup> Short Software Notice</a> should be included (hypertext is preferred, text is permitted) within the body of any redistributed or derivative code.</li>
+<li>Notice of any changes or modifications to the files, including the date changes were made. (We recommend you provide URIs to the location from which the code is derived.)</li>
+</ol>
+<p>THIS SOFTWARE AND DOCUMENTATION IS PROVIDED "AS IS," AND COPYRIGHT HOLDERS MAKE NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO, WARRANTIES OF MERCHANTABILITY OR FITNESS FOR ANY PARTICULAR PURPOSE OR THAT THE USE OF THE SOFTWARE OR DOCUMENTATION WILL NOT INFRINGE ANY THIRD PARTY PATENTS, COPYRIGHTS, TRADEMARKS OR OTHER RIGHTS.</p>
+<p>COPYRIGHT HOLDERS WILL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF ANY USE OF THE SOFTWARE OR DOCUMENTATION.</p>
+<p>The name and trademarks of copyright holders may NOT be used in advertising or publicity pertaining to the software without specific, written prior permission. Title to copyright in this software and any associated documentation will at all times remain with copyright holders.</p>
+</div>
+<!-- div2 Copyright-notice-software -->
+<div class='div2'><a name='copyright-notice-Copyright-short-notice' id="copyright-notice-Copyright-short-notice"></a>
+<h2 id='copyright-notice-Copyright-short-notice-h2' class='div2'>W3C<sup>®</sup> Short Software Notice</h2>
+<p><b>Note:</b> This section is a copy of the W3C<sup>®</sup> Short Software Notice and could be found at <a class='normative' href='http://www.w3.org/Consortium/Legal/2002/copyright-software-short-notice-20021231'>http://www.w3.org/Consortium/Legal/2002/copyright-software-short-notice-20021231</a></p>
+<p><b>Copyright © 2006 <a class='normative' href='http://www.w3.org/'>World Wide Web Consortium</a>, (<a class='normative' href='http://www.lcs.mit.edu/'>Massachusetts Institute of Technology</a>, <a class='normative' href='http://www.ercim.org/'>European Research Consortium for Informatics and Mathematics</a>, <a class='normative' href='http://www.keio.ac.jp/'>Keio University</a>). All Rights Reserved.</b></p>
+<p>Copyright © [$date-of-software] <a class='normative' href='http://www.w3.org/'>World Wide Web Consortium</a>, (<a class='normative' href='http://www.lcs.mit.edu/'>Massachusetts Institute of Technology</a>, <a class='normative' href='http://www.ercim.org/'>European Research Consortium for Informatics and Mathematics</a>, <a class='normative' href='http://www.keio.ac.jp/'>Keio University</a>). All Rights Reserved. This work is distributed under the W3C<sup>®</sup> Software License [1] in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.</p>
+<p>[1] http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231</p>
+</div>
+<!-- div2 Copyright-short-notice --></div>
+<!-- div1 Copyright-Notice -->
+<a id='events' name='events'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='events-Events' id="events-Events"></a>
+<h1 id='events-Events-h1' class='div1'>1. Document Object Model Events</h1>
+<dl>
+<dt><i>Editors</i>:</dt>
+<dd>Björn Höhrmann</dd>
+<dd>Philippe Le Hégaret, W3C (until November 2003)</dd>
+<dd>Tom Pixley, Netscape Communications Corporation (until July 2002)</dd>
+</dl>
+<div class='noprint'>
+<h2 id='events-table-of-contents'>Table of contents</h2>
+<ul class='toc'>
+<li class='tocline3'><a class='tocxref' href='#events-Events-overview'>1.1 Introduction</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-flows'>1.1.1 Event flows</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Conformance'>1.1.2 Conformance</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-flow'>1.2 DOM event flow</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-phases'>1.2.1 Phases</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-listeners'>1.2.2 Event listeners</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-flow-cancelation'>1.3 Default actions and cancelable events</a></li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-flow-activation'>1.4 Activation</a></li>
+<li class='tocline3'><a class='tocxref' href='#events-Event-types'>1.5 Event types</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-EventTypes-category'>1.5.1 Event types and event categories</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-EventTypes-complete'>1.5.2 Complete list of event types</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-dom2-compatibility'>1.5.3 Compatibility with DOM Level 2 Events</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-registration'>1.6 Event listener registration</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-Registration-interfaces'>1.6.1 Using the EventTarget methods</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-registration-xmlevents'>1.6.2 Using XML Events</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-registration-voicexmlevents'>1.6.3 Using VoiceXML Events</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-registration-html40'>1.6.4 Using XML or HTML attributes</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-interface'>1.7 Basic interfaces</a>
+<ul class='toc'>
+<li class='tocline4'><a href='#events-Events-Event'>Event</a>, <a href='#events-Events-EventTarget'>EventTarget</a>, <a href='#events-Events-EventListener'>EventListener</a>, <a href='#events-Events-EventException'>EventException</a>, <a href='#events-Events-EventException-EventExceptionCode'>EventExceptionCode</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-document'>1.7.1 Event creation</a>
+<ul>
+<li class='tocline5'><a href='#events-Events-DocumentEvent'>DocumentEvent</a>, <a href='#events-Events-CustomEvent'>CustomEvent</a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#events-Events-eventgroupings'>1.8 Event module definitions</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-uievents'>1.8.1 User Interface event types</a>
+<ul>
+<li class='tocline5'><a href='#events-Events-UIEvent'>UIEvent</a></li>
+</ul>
+</li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-TextEvents-Interfaces'>1.8.2 Text events types</a>
+<ul>
+<li class='tocline5'><a href='#events-Events-TextEvent'>TextEvent</a></li>
+</ul>
+</li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-mouseevents'>1.8.3 Mouse event types</a>
+<ul>
+<li class='tocline5'><a href='#events-Events-MouseEvent'>MouseEvent</a></li>
+</ul>
+</li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-KeyboardEvents-Interfaces'>1.8.4 Keyboard event types</a>
+<ul>
+<li class='tocline5'><a href='#events-Events-KeyboardEvent'>KeyboardEvent</a></li>
+</ul>
+</li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-mutationevents'>1.8.5 Mutation and mutation name event types</a>
+<ul>
+<li class='tocline5'><a href='#events-Events-MutationEvent'>MutationEvent</a>, <a href='#events-Events-MutationNameEvent'>MutationNameEvent</a></li>
+</ul>
+</li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-basicevents'>1.8.6 Basic event types</a></li>
+<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-htmlevents'>1.8.7 HTML Events</a></li>
+</ul>
+</li>
+</ul>
+</div>
+<div class='div2'><a name='events-Events-overview' id="events-Events-overview"></a>
+<h2 id='events-Events-overview-h2' class='div2'>1.1 Introduction</h2>
+<p>DOM Events is designed with two main goals. The first goal is the design of an <a href='#glossary-dt-event'>event</a> system which allows registration of event listeners and describes event flow through a tree structure. Additionally, the specification will provide standard modules of events for user interface control and document mutation notifications, including defined contextual information for each of these event modules.</p>
+<p>The second goal of the DOM Events is to provide a common subset of the current event systems used in <a href='#glossary-dt-DOM-Level-0'>DOM Level 0</a> browsers. This is intended to foster interoperability of existing scripts and content. It is not expected that this goal will be met with full backwards compatibility. However, the specification attempts to achieve this when possible.</p>
+<p>The following sections of the specification define both the specification for the DOM Event Model and a number of conformant event modules designed for use within the model. The DOM Event Model consists of:</p>
+<ul>
+<li>The <a href='#events-Events-flow'>DOM event flow</a>, which describe the flow of events in a tree-based structure.</li>
+<li>A set of interfaces to access contextual information on events and to register event listeners.</li>
+</ul>
+<div class='div3'><a name='events-Events-flows' id="events-Events-flows"></a>
+<h3 id='events-Events-flows-h3' class='div3'>1.1.1 Event flows</h3>
+<p>This document specifies an event flow for tree-based structures: <a href='#events-Events-flow'>DOM event flow</a>. While it is expected that HTML and XML applications will follow this event flow, applications might reuse the interfaces defined in this document for non tree-based structures. In that case, it is the responsibility of such applications to define their event flow and how it relates to the <a href='#events-Events-flow'>DOM event flow</a>. An example of such use can be found in [<cite><a class='noxref informative' href='#references-DOMLS'>DOM Level 3 Load and Save</a></cite>].</p>
+</div>
+<!-- div3 Events-flows -->
+<div class='div3'><a name='events-Conformance' id="events-Conformance"></a>
+<h3 id='events-Conformance-h3' class='div3'>1.1.2 Conformance</h3>
+<p>An implementation is DOM Level 3 Events conformant if it supports the Core module defined in [<cite><a class='noxref normative' href='#references-DOM2Core'>DOM Level 2 Core</a></cite>], the <a href='#events-Events-flow'>DOM event flow</a> and the interfaces with their associated semantics defined in <a href='#events-Events-interface'>Basic interfaces</a>. An implementation conforms to a DOM Level 3 Events module if it conforms to DOM Level 3 Events and the event types defined in the module. An implementation conforms to an event type if it conforms to its associated semantics and DOM interfaces. For example, an implementation conforms to the DOM Level 3 User Interface Events module (see <a href='#events-Events-eventgroupings-uievents'>User Interface event types</a>) if it conforms to DOM Level 3 Events (i.e. implements all the basic interfaces), can generate the event types <a href='#events-event-DOMActivate'>DOMActivate</a>, <a href='#events-event-focus'>focus</a>, and <a href='#events-event-blur'>blur</a> accordingly to their semantics, supports the <a href='#events-Events-UIEvent'><code>UIEvent</code></a> interface, and conforms to the DOM Level 2 Core module.</p>
+<p><b>Note:</b> An implementation which does not conform to an event module can still implement the DOM interfaces associated with it. The DOM application can then create an event object using the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent()</code></a> method and dispatch an event type associated with this interface using the <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent()</code></a> method.</p>
+<p>A DOM application may use the <code>hasFeature(feature, version)</code> method of the <code>DOMImplementation</code> interface with parameter values <code>"Events"</code> and <code>"3.0"</code> (respectively) to determine whether or not DOM Level 3 Events is supported by the implementation. In order to fully support DOM Level 3 Events, an implementation must also support the "Core" feature defined in the DOM Level 2 Core specification [<cite><a class='noxref normative' href='#references-DOM2Core'>DOM Level 2 Core</a></cite>] and use the <a href='#events-Events-flow'>DOM event flow</a>. For additional information about <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/introduction.html#ID-Conformance'><em>conformance</em></a>, please see the DOM Level 3 Core specification [<cite><a class='noxref normative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>]. DOM Level 3 Events is built on top of DOM Level 2 Events [<cite><a class='noxref normative' href='#references-DOM2Events'>DOM Level 2 Events</a></cite>], i.e. a DOM Level 3 Events implementation where <code>hasFeature("Events", "3.0")</code> returns <code>true</code> must also return <code>true</code> when the <code>version</code> number is <code>"2.0"</code>, <code>""</code> or, <code>null</code>.</p>
+<p>Each event module describes its own feature string in the event module listing.</p>
+</div>
+<!-- div3 Conformance --></div>
+<!-- div2 Events-overview -->
+<div class='div2'><a name='events-Events-flow' id="events-Events-flow"></a>
+<h2 id='events-Events-flow-h2' class='div2'>1.2 DOM event flow</h2>
+<p><a name='events-dt-event-flow' id="events-dt-event-flow"></a> The DOM event flow is the process through which the <a href='#glossary-dt-event'>event</a> originates from the DOM Events implementation and is dispatched into a tree. Each event has an <a href='#glossary-dt-event-target'>event target</a>, a targeted node in the case of the DOM Event flow, toward which the event is dispatched by the DOM Events implementation.</p>
+<div class='div3'><a name='events-Events-phases' id="events-Events-phases"></a>
+<h3 id='events-Events-phases-h3' class='div3'>1.2.1 Phases</h3>
+<p>The event is dispatched following a path from the root of the tree to this <a href='#glossary-dt-target-node'>target node</a>. It can then be handled locally at the target node level or from any target's ancestors higher in the tree. The event dispatching (also called event propagation) occurs in three phases and the following order:</p>
+<ol>
+<li>The <a href='#glossary-dt-capture-phase'>capture phase</a>: the event is dispatched to the target's ancestors from the root of the tree to the direct parent of the <a href='#glossary-dt-target-node'>target node</a>.</li>
+<li>The <a href='#glossary-dt-target-phase'>target phase</a>: the event is dispatched to the <a href='#glossary-dt-target-node'>target node</a>.</li>
+<li>The <a href='#glossary-dt-bubbling-phase'>bubbling phase</a>: the event is dispatched to the target's ancestors from the direct parent of the <a href='#glossary-dt-target-node'>target node</a> to the root of the tree.</li>
+</ol>
+<div class='figure' style='text-align: center'><img src='http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/images/eventflow.png' alt='graphical representation of an event dispatched in a DOM tree using the DOM event flow' title='graphical representation of an event dispatched in a DOM tree using the DOM event flow' />
+<p style='text-align:left'><i>Figure: graphical representation of an event dispatched in a DOM tree using the DOM event flow</i> [<a href='http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/images/eventflow'>SVG 1.0 version</a>]</p>
+</div>
+<p><b>Note:</b> An <a class='normative' href='http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/images/eventflow.svg'>SVG 1.0 version of the representation above</a> is also available.</p>
+<p>The target's ancestors are determined before the initial dispatch of the event. If the target node is removed during the dispatching, or a target's ancestor is added or removed, the event propagation will always be based on the target node and the target's ancestors determined before the dispatch.</p>
+<p>Some events may not necessarily accomplish the three phases of the DOM event flow, e.g. the event could only be defined for one or two phases. As an example, events defined in this specification will always accomplish the capture and target phases but some will not accomplish the bubbling phase ("bubbling events" versus "non-bubbling events", see also the <a href='#events-Events-Event-canBubble'><code>Event.bubbles</code></a> attribute).</p>
+</div>
+<!-- div3 Events-phases -->
+<div class='div3'><a name='events-Events-listeners' id="events-Events-listeners"></a>
+<h3 id='events-Events-listeners-h3' class='div3'>1.2.2 Event listeners</h3>
+<p>Each node encountered during the dispatch of the event may contain event listeners.</p>
+<div class='div4'><a name='events-Events-listeners-registration' id="events-Events-listeners-registration"></a>
+<h4 id='events-Events-listeners-registration-h4' class='div4'>1.2.2.1 Registration of event listeners</h4>
+<p>Event listeners can be registered on all nodes in the tree for a specific type of event (<a href='#events-Event-types'>Event types</a>) or event category (<a href='#events-Events-EventTypes-category'>Event types and event categories</a>), phase, and group (<a href='#events-Event-groups'>Event groups</a>).</p>
+<p>If the event listener is being registered on a node while an event gets processed on this node, the event listener will not be triggered during the current phase but may be triggered during a later phase in the event flow, i.e. the <a href='#glossary-dt-bubbling-phase'>bubbling phase</a>.</p>
+</div>
+<!-- div4 Events-listeners-registration -->
+<div class='div4'><a name='events-Event-groups' id="events-Event-groups"></a>
+<h4 id='events-Event-groups-h4' class='div4'>1.2.2.2 Event groups</h4>
+<p>An event listener is always part of a group. It is either explicitly in a group if a group has been specified at the registration or implicitly in the default group if no group has been specified. Within a group, event listeners are ordered in their order of registration. If two event listeners {A1, A2}, which are part of the same group, are registered one after the other (A1, then A2) for the same phase, the DOM event flow guarantees their triggering order (A1, then A2). If the two listeners are not part of the same group, no specification is made as to the order in which they will be triggered.</p>
+<p>In general, a DOM application does not need to define and use a separate group unless other event listeners, external to the DOM application, may change the event propagation (e.g. from a concurrent DOM application, from imported functionalities that rely on the event system, etc.).</p>
+<p><b>Note:</b> While this specification does not specify a full ordering (i.e. groups are still unordered), it does specify ordering within a group. This implies that if the event listeners {A1, A2, B1, B2}, with A and B being two different groups, are registered for the same phase in the order A1, A2, B1, and B2, the following triggering orders are possible and conform to the DOM event flow:</p>
+<ul>
+<li>{A1, A2, B1, B2}</li>
+<li>{A1, B1, A2, B2}</li>
+<li>{B1, A1, A2, B2}</li>
+<li>{A1, B1, B2, A2}</li>
+<li>{B1, A1, B2, A2}</li>
+<li>{B1, B2, A1, A2}</li>
+</ul>
+<br />
+DOM Events implementations may impose priorities on groups but DOM applications must not rely on it. Unlike this specification, [<cite><a class='noxref normative' href='#references-DOM2Events'>DOM Level 2 Events</a></cite>] did not specify any triggering order for event listeners.</div>
+<!-- div4 Event-groups -->
+<div class='div4'><a name='events-Events-listeners-activation' id="events-Events-listeners-activation"></a>
+<h4 id='events-Events-listeners-activation-h4' class='div4'>1.2.2.3 Triggering an event listener</h4>
+<p>When the event is dispatched through the tree, from node to node, event listeners registered on the node are triggered if the following three conditions are all met:</p>
+<ol>
+<li>they were registered for the same type of event, or the same category.</li>
+<li>they were registered for the same phase;</li>
+<li>the event propagation has not been stopped for the group.</li>
+</ol>
+</div>
+<!-- div4 Events-listeners-activation -->
+<div class='div4'><a name='events-Events-listeners-removal' id="events-Events-listeners-removal"></a>
+<h4 id='events-Events-listeners-removal-h4' class='div4'>1.2.2.4 Removing an event listener</h4>
+<p>If an event listener is removed from a node while an event is being processed on the node, it will not be triggered by the current actions. Once removed, the event listener is never invoked again (unless registered again for future processing).</p>
+</div>
+<!-- div4 Events-listeners-removal -->
+<div class='div4'><a name='events-Events-listeners-reentrance' id="events-Events-listeners-reentrance"></a>
+<h4 id='events-Events-listeners-reentrance-h4' class='div4'>1.2.2.5 Reentrance</h4>
+<p>It is expected that actions taken by an event listener may cause additional events to be dispatched. Additional events should be handled in a synchronous manner and may cause reentrance into the event model. If an event listener fires a new event using <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent()</code></a>, the event propagation that causes the event listener to be triggered will resume only after the event propagation of the new event is completed.</p>
+<p>Since implementations may have restrictions such as stack-usage or other memory requirements, applications should not depend on how many synchronous events may be triggered.</p>
+</div>
+<!-- div4 Events-listeners-reentrance -->
+<div class='div4'><a name='events-Events-propagation-and-groups' id="events-Events-propagation-and-groups"></a>
+<h4 id='events-Events-propagation-and-groups-h4' class='div4'>1.2.2.6 Event propagation and event groups</h4>
+<p>All event listeners are part of a group (see <a href='#events-Events-listeners-registration'>Registration of event listeners</a>). An event listener may prevent event listeners that are part of a same group from being triggered. The effect can be:</p>
+<ul>
+<li>immediate: no more event listeners from the same group will be triggered by the event object (see <a href='#events-Events-Event-stopImmediatePropagation'><code>Event.stopImmediatePropagation()</code></a>);</li>
+<li>deferred until all event listeners from the same group have been triggered on the current node, i.e. the event listeners of the same group attached on other nodes will not be triggered (see <a href='#events-Events-Event-stopPropagation'><code>Event.stopPropagation()</code></a>).</li>
+</ul>
+<p>If two event listeners are registered for two different groups, one cannot prevent the other from being triggered.</p>
+</div>
+<!-- div4 Events-propagation-and-groups --></div>
+<!-- div3 Events-listeners --></div>
+<!-- div2 Events-flow -->
+<div class='div2'><a name='events-Events-flow-cancelation' id="events-Events-flow-cancelation"></a>
+<h2 id='events-Events-flow-cancelation-h2' class='div2'>1.3 Default actions and cancelable events</h2>
+<p>Implementations may have a default action associated with an event type. An example is the [<cite><a class='noxref informative' href='#references-HTML40'>HTML 4.01</a></cite>] form element. When the user submits the form (e.g. by pressing on a submit button), the event <a href='#events-event-submit'>submit</a> is dispatched to the element and the default action for this event type is generally to send a request to a Web server with the parameters from the form.</p>
+<p>The default actions are not part of the DOM Event flow. Before invoking a default action, the implementation must first dispatch the event as described in the <a href='#events-Events-flow'>DOM event flow</a>.</p>
+<p><a name='events-dt-cancelable-event' id="events-dt-cancelable-event"></a> A <i>cancelable event</i> is an event associated with a default action which is allowed to be canceled during the DOM event flow. At any phase during the event flow, the triggered event listeners have the option of canceling the default action or allowing the default action to proceed. In the case of the hyperlink in the browser, canceling the action would have the result of not activating the hyperlink. Not all events defined in this specification are cancelable events. See also <a href='#keyset-cancelable_keys'>Default actions and cancelable keyboard events</a>.</p>
+<p>Different implementations will specify their own default actions, if any, associated with each event. The DOM Events specification does not attempt to specify these actions.</p>
+<div style='color: red'>(<i><b>ED:</b></i> This is not entirely true, there are default actions for device event types when the events trigger activation, and there is a discussion about canceling keyboard events... )</div>
+<p>This specification does not provide mechanisms for accessing default actions or adding new ones.</p>
+<p>Implementations could react to an event before dispatching it and do changes on the display and the DOM tree. In such case, if a DOM attribute is changed before the event is fired, cancelling the device event type will also reverse the change. A good example is the attribute <code>HTMLInputElement.checked</code>: As described in [<cite><a class='noxref normative' href='#references-DOM2HTML'>DOM Level 2 HTML</a></cite>], the value of this property may be changed before the dispatch of the event; the user clicks on the radio button, the radio button is being checked (or unchecked) on the display, the attribute <code>HTMLInputElement.checked</code> is changed as well, and then the device event type <a href='#events-event-click'>click</a> is being dispatched. If the default action of the device event type is prevented, or if the default action attached to the <a href='#events-event-DOMActivate'>DOMActivate</a> event type is prevented, the property <code>HTMLInputElement.checked</code> will need to be changed back to its original value.</p>
+</div>
+<!-- div2 Events-flow-cancelation -->
+<div class='div2'><a name='events-Events-flow-activation' id="events-Events-flow-activation"></a>
+<h2 id='events-Events-flow-activation-h2' class='div2'>1.4 Activation</h2>
+<p>[<cite><a class='noxref normative' href='#references-DOM2Events'>DOM Level 2 Events</a></cite>] introduced the concept of activation and the associated <a href='#events-event-DOMActivate'>DOMActivate</a> event type to separate generic actions from the devices used to activate them. For example, a hyperlink can be activated using a mouse or a keyboard, and on activation the user agent follows the link. It is expected that the action of following the link is done using a default action attached to the hyperlink element, which is performed as default action of the event type <code>DOMActivate</code>. The <code>DOMActivate</code> event type is then dispatched as the default action of the respective device event type.</p>
+<p>DOM Level 3 Events extends the event type <a href='#events-event-click'>click</a> to participate in this model in order to accomodate legacy applications that do not make use of the event type <code>DOMActivate</code>. If activation is requested using a mouse click, implementations dispatch a <code>click</code> event with a default action to trigger the event type <code>DOMActivate</code>. If, however, activation is requested using other devices like a keyboard, the default action of the keyboard event is to trigger a <i>virtual click event</i> with a default action to trigger the event type <code>DOMActivate</code>. This implies that whenever implementations generate a <code>DOMActivate</code> event, there will be a preceding <code>click</code> event.</p>
+<p>The context information of a virtual click event is implementation-defined. DOM applications should not rely on virtual click events to respond to activation requests, the event type <code>DOMActivate</code> should be used instead.</p>
+<p><b>Note:</b> While triggering the event type <code>DOMActivate</code> is a default action of the event type <code>click</code> in case of activation, the reverse does not hold true; when DOM applications dispatch a <code>DOMActivate</code> event, implementations will not trigger the event type <code>click</code>.</p>
+</div>
+<!-- div2 Events-flow-activation -->
+<div class='div2'><a name='events-Event-types' id="events-Event-types"></a>
+<h2 id='events-Event-types-h2' class='div2'>1.5 Event types</h2>
+<p>Each event is associated with a type, called <i>event type</i>. The event type is composed of a <a href='#glossary-dt-localname'>local name</a> and a <a href='#glossary-dt-namespaceURI'>namespace URI</a> as used in [<cite><a class='noxref normative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>]. All events defined in this specification are in no namespace.</p>
+<div class='div3'><a name='events-Events-EventTypes-category' id="events-Events-EventTypes-category"></a>
+<h3 id='events-Events-EventTypes-category-h3' class='div3'>1.5.1 Event types and event categories</h3>
+<p>An event type could be part of one or more categories. A category is represented using a <a href='#glossary-dt-localname'>local name</a> and a <a href='#glossary-dt-namespaceURI'>namespace URI</a> as defined in [<cite><a class='noxref normative' href='#references-Namespaces'>XML Namespaces</a></cite>]. The event types defined in this specification are not associated with one or more event categories and this specification does not provide methods to associate them. Other specifications may create and associate event categories with event listeners but in such case would need to inform the dispatch mechanism of those event categories. An example of the use of categories is given at <a href='#events-Events-registration-voicexmlevents'>Using VoiceXML Events</a>.</p>
+</div>
+<!-- div3 Events-EventTypes-category -->
+<div class='div3'><a name='events-Events-EventTypes-complete' id="events-Events-EventTypes-complete"></a>
+<h3 id='events-Events-EventTypes-complete-h3' class='div3'>1.5.2 Complete list of event types</h3>
+<p>Depending on the level of DOM support, or the devices used for display (e.g. screen) or interaction (e.g., mouse, keyboard, touch screen, and voice), these event types can be generated by the implementation. When used with an [<cite><a class='noxref informative' href='#references-XML'>XML 1.0</a></cite>] or [<cite><a class='noxref informative' href='#references-HTML40'>HTML 4.01</a></cite>] application, the specifications of those languages may restrict the semantics and scope (in particular the possible target nodes) associated with an event type. Refer to the specification defining the language used in order to find those restrictions or to find event types that are not defined in this document.</p>
+<p>The following list defines all event types provided in this specification. All event types defined in this specification are in no namespace and the following list only enumerates the local name of the event type.</p>
+<div style='color: red'>(<i><b>ED:</b></i> The events were defined here in the previous version of the document, this note serves as placeholder until all references to this section are updated (including the section itself). Also, the note about focus/blur above is outdated. )</div>
+<p>The following table provides additional information on the event types. All events will accomplish the capture and target phases, but not all of them will accomplish the bubbling phase (see also <a href='#events-Events-flow'>DOM event flow</a>). Some events are not <a href='#events-dt-cancelable-event'>cancelable</a> (see <a href='#events-Events-flow-cancelation'>Default actions and cancelable events</a>). Some events will only be dispatched to a specific set of possible targets, specified using node types. Contextual information related to the event type is accessible using DOM interfaces.</p>
+<div style='color: red'>(<i><b>ED:</b></i> This is a placeholder for the event summary table that was included in previous versions of the document. It will likely be re-introduced at some point. )</div>
+<p>As an example, the event <a href='#events-event-load'>load</a> will trigger event listeners attached on <code>Element</code> nodes for that event and on the capture and target phases. This event cannot be cancelled. If an event listener for the <a href='#events-event-load'>load</a> event is attached to a node other than <code>Document</code> or <code>Element</code> nodes, or if it is attached to the bubbling phase only, this event listener cannot be triggered.</p>
+<p>The event objects associated with the event types described above may contain context information. Refer to the description of the DOM interfaces for further information.</p>
+</div>
+<!-- div3 Events-EventTypes-complete -->
+<div class='div3'><a name='events-Events-dom2-compatibility' id="events-Events-dom2-compatibility"></a>
+<h3 id='events-Events-dom2-compatibility-h3' class='div3'>1.5.3 Compatibility with DOM Level 2 Events</h3>
+<p><a href='#glossary-dt-namespaceURI'>Namespace URIs</a> were only introduced in DOM Level 3 Events and were not part of DOM Level 2 Events.</p>
+<div style='color: red'>(<i><b>ED:</b></i> This, like all other relevant sections, does not yet reflect the changes to namespaced events the group agreed to. )</div>
+<p>Finally, DOM Level 3 Events considers that the <a href='#events-Events-Event-type'><code>Event.type</code></a> attribute is case sensitive, while DOM Level 2 Events considers <a class='noxref' href='#events-Events-Event-type'><code>Event.type</code></a> to be case insensitive.</p>
+</div>
+<!-- div3 Events-dom2-compatibility --></div>
+<!-- div2 Event-types -->
+<div class='div2'><a name='events-Events-registration' id="events-Events-registration"></a>
+<h2 id='events-Events-registration-h2' class='div2'>1.6 Event listener registration</h2>
+<p><b>Note:</b> This section is informative.</p>
+<p>There are mainly two ways to associate an event listener to a node in the tree:</p>
+<ol>
+<li>at the programming level using the <a href='#events-Events-EventTarget'><code>EventTarget</code></a> methods.</li>
+<li>at the document level using [<cite><a class='noxref informative' href='#references-XMLEvents'>XML Events</a></cite>] or an ad-hoc syntax, as the ones provided in [<cite><a class='noxref informative' href='#references-XHTML10'>XHTML 1.0</a></cite>] or [<cite><a class='noxref informative' href='#references-SVG1'>SVG 1.1</a></cite>].</li>
+</ol>
+<div class='div3'><a name='events-Events-Registration-interfaces' id="events-Events-Registration-interfaces"></a>
+<h3 id='events-Events-Registration-interfaces-h3' class='div3'>1.6.1 Using the <a href='#events-Events-EventTarget'><code>EventTarget</code></a> methods</h3>
+<p>The user can attach an event listener using the methods on the <a href='#events-Events-EventTarget'><code>EventTarget</code></a> interface:</p>
+<div class='eg'>
+<pre>
+aCircle.addEventListener("DOMActivate", aListener, true);
+</pre></div>
+<p>The methods do not provide the ability to register the same event listener more than once for the same event type and the same phase. It is not possible to register an event listener:</p>
+<ul>
+<li>for only one of the <a href='#glossary-dt-target-phase'>target</a> and <a href='#glossary-dt-bubbling-phase'>bubbling</a> phases since those phases are coupled during the registration (but the listener itself could ignore events during one of these phases if desired).</li>
+<li>for a specific event category.</li>
+</ul>
+<p>To register an event listener, DOM applications use the methods <a href='#events-Events-EventTarget-addEventListener'><code>EventTarget.addEventListener()</code></a> and <a href='#events-Events-EventTargetGroup-addEventListenerNS'><code>EventTarget.addEventListenerNS()</code></a>.</p>
+<p>An <a href='#events-Events-EventListener'><code>EventListener</code></a> being registered on an <a href='#events-Events-EventTarget'><code>EventTarget</code></a> may choose to have that <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> triggered during the capture phase by specifying the <code>useCapture</code> parameter of the <a href='#events-Events-EventTarget-addEventListener'><code>EventTarget.addEventListener()</code></a> or <a href='#events-Events-EventTargetGroup-addEventListenerNS'><code>EventTarget.addEventListenerNS()</code></a> methods to be <code>true</code>. If <code>false</code>, the <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> will be triggered during the target and bubbling phases.</p>
+</div>
+<!-- div3 Events-Registration-interfaces -->
+<div class='div3'><a name='events-Events-registration-xmlevents' id="events-Events-registration-xmlevents"></a>
+<h3 id='events-Events-registration-xmlevents-h3' class='div3'>1.6.2 Using XML Events</h3>
+<p>In [<cite><a class='noxref informative' href='#references-XMLEvents'>XML Events</a></cite>], event listeners are attached using elements and attributes:</p>
+<div class='eg'>
+<pre>
+<listener event="DOMActivate" observer="aCircle" handler="#aListener"
+ phase="capture" propagate="stop"/>
+</pre></div>
+<p>Event listeners can only be registered on <code>Element</code> nodes, other <code>Node</code> types are not addressable, and cannot be registered for a specific group either, they are always attached to the default group. The <a href='#glossary-dt-target-phase'>target phase</a> and the <a href='#glossary-dt-bubbling-phase'>bubbling phase</a> are coupled during the registration. [<cite><a class='noxref informative' href='#references-XMLEvents'>XML Events</a></cite>] does not address namespaces in event types.</p>
+</div>
+<!-- div3 Events-registration-xmlevents -->
+<div class='div3'><a name='events-Events-registration-voicexmlevents' id="events-Events-registration-voicexmlevents"></a>
+<h3 id='events-Events-registration-voicexmlevents-h3' class='div3'>1.6.3 Using VoiceXML Events</h3>
+<p>In [<cite><a class='noxref informative' href='#references-VoiceXML20'>VoiceXML 2.0</a></cite>], event listeners are attached using elements:</p>
+<div class='eg'>
+<pre>
+<form>
+ <field>
+ <prompt>Please say something</prompt>
+ <catch event="error.noauthorization">
+ <prompt>You don't have the authorization!</prompt>
+ </catch>
+ <catch event="connection.disconnect.hangup">
+ <prompt>Connection error</prompt>
+ </catch>
+ <catch event="connection.disconnect">
+ <prompt>Connection error</prompt>
+ </catch>
+ </field>
+ <catch event="error">
+ <prompt>Unknown error</prompt>
+ </catch>
+</form>
+</pre></div>
+<p>Event listeners can only be registered on <code>Element</code> nodes, other <code>Node</code> types are not addressable, and cannot be registered for a specific group either, they are always attached to the default group. The <a href='#glossary-dt-target-phase'>target phase</a> and the <a href='#glossary-dt-bubbling-phase'>bubbling phase</a> are coupled during the registration. [<cite><a class='noxref informative' href='#references-VoiceXML20'>VoiceXML 2.0</a></cite>] does not address namespaces in event types but uses the notion of event categories. The event type <code>"connection.disconnect.hangup"</code> could be associated to the event categories <code>{"http://www.example.org/2003/voicexml", "connection"}</code> and <code>{"http://www.example.org/2003/voicexml", "connection.disconnect"}</code>.</p>
+</div>
+<!-- div3 Events-registration-voicexmlevents -->
+<div class='div3'><a name='events-Events-registration-html40' id="events-Events-registration-html40"></a>
+<h3 id='events-Events-registration-html40-h3' class='div3'>1.6.4 Using XML or HTML attributes</h3>
+<p>In languages such as [<cite><a class='noxref informative' href='#references-HTML40'>HTML 4.01</a></cite>], [<cite><a class='noxref informative' href='#references-XHTML10'>XHTML 1.0</a></cite>], or [<cite><a class='noxref informative' href='#references-SVG1'>SVG 1.1</a></cite>], event listeners are specified as attributes:</p>
+<div class='eg'>
+<pre>
+<circle id="aCircle" onactivate="aListener(evt)"
+ cx="300" cy="225" r="100" fill="red"/>
+</pre></div>
+<p>Since only one attribute with the same name can appear on an element, it is therefore not possible to register more than one event listener on a single <a href='#events-Events-EventTarget'><code>EventTarget</code></a> for the event type. Also, event listeners can only be registered on <code>Element</code> nodes for the <a href='#glossary-dt-target-phase'>target phase</a> and <a href='#glossary-dt-bubbling-phase'>bubbling phase</a>, other <code>Node</code> types and the <a href='#glossary-dt-capture-phase'>capture phase</a> are not addressable with these languages. Event listeners cannot be registered for a specific group either, they are always attached to the default group.</p>
+<p>In order to achieve compatibility with those languages, implementors may view the setting of attributes which represent event handlers as the creation and registration of an <code>EventListener</code> on the <a href='#events-Events-EventTarget'><code>EventTarget</code></a>. The value of <code>useCapture</code> defaults to <code>false</code>. This <a href='#events-Events-EventListener'><code>EventListener</code></a> behaves in the same manner as any other <a class='noxref' href='#events-Events-EventListener'><code>EventListeners</code></a> which may be registered on the <a class='noxref' href='#events-Events-EventTarget'><code>EventTarget</code></a>. If the attribute representing the event listener is changed, this may be viewed as the removal of the previously registered <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> and the registration of a new one. Furthermore, no specification is made as to the order in which event attributes will receive the event with regards to the other <a class='noxref' href='#events-Events-EventListener'><code>EventListeners</code></a> on the <a class='noxref' href='#events-Events-EventTarget'><code>EventTarget</code></a>.</p>
+</div>
+<!-- div3 Events-registration-html40 --></div>
+<!-- div2 Events-registration -->
+<div class='div2'><a name='events-Events-interface' id="events-Events-interface"></a>
+<h2 id='events-Events-interface-h2' class='div2'>1.7 Basic interfaces</h2>
+<p>The interfaces described in this section are fundamental to DOM Level 3 Events and must always be supported by the implementation.</p>
+<dl>
+<dt><b>Interface <i><a name='events-Events-Event' id="events-Events-Event">Event</a></i></b> (introduced in <b class='since'>DOM Level 2</b>)</dt>
+<dd>
+<p>The <code>Event</code> interface is used to provide contextual information about an event to the listener processing the event. An object which implements the <code>Event</code> interface is passed as the parameter to an <a href='#events-Events-EventListener'><code>EventListener</code></a>. More specific context information is passed to event listeners by deriving additional interfaces from <code>Event</code> which contain information directly relating to the type of event they represent. These derived interfaces are also implemented by the object passed to the event listener.</p>
+<p>To create an instance of the <code>Event</code> interface, use the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("Event")</code></a> method call.</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 2:
+interface <a class='noxref' href='#events-Events-Event'>Event</a> {
+
+ // PhaseType
+ const unsigned short <a class='noxref' href='#events-CAPTURING_PHASE'>CAPTURING_PHASE</a> = 1;
+ const unsigned short <a class='noxref' href='#events-AT_TARGET'>AT_TARGET</a> = 2;
+ const unsigned short <a class='noxref' href='#events-BUBBLING_PHASE'>BUBBLING_PHASE</a> = 3;
+
+ readonly attribute DOMString <a class='noxref' href='#events-Events-Event-type'>type</a>;
+ readonly attribute <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> <a class='noxref' href='#events-Events-Event-target'>target</a>;
+ readonly attribute <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> <a class='noxref' href='#events-Events-Event-currentTarget'>currentTarget</a>;
+ readonly attribute unsigned short <a class='noxref' href='#events-Events-Event-eventPhase'>eventPhase</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-Event-canBubble'>bubbles</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-Event-canCancel'>cancelable</a>;
+ readonly attribute DOMTimeStamp <a class='noxref' href='#events-Events-Event-timeStamp'>timeStamp</a>;
+ void <a class='noxref' href='#events-Events-Event-stopPropagation'>stopPropagation</a>();
+ void <a class='noxref' href='#events-Events-Event-preventDefault'>preventDefault</a>();
+ void <a class='noxref' href='#events-Events-Event-initEvent'>initEvent</a>(in DOMString eventTypeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg);
+ // Introduced in DOM Level 3:
+ readonly attribute DOMString <a class='noxref' href='#events-Events-Event-namespaceURI'>namespaceURI</a>;
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-stopImmediatePropagation'>stopImmediatePropagation</a>();
+ // Introduced in DOM Level 3:
+ readonly attribute boolean <a class='noxref' href='#events-Events-Event-defaultPrevented'>defaultPrevented</a>;
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initEventNS'>initEventNS</a>(in DOMString namespaceURIArg,
+ in DOMString eventTypeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Definition group <i><a name='events-Events-Event-eventPhaseType' id="events-Events-Event-eventPhaseType">PhaseType</a></i></b></dt>
+<dd>
+<p>An integer indicating which phase of the event flow is being processed as defined in <a href='#events-Events-flow'>DOM event flow</a>.</p>
+<dl>
+<dt><b>Defined Constants</b></dt>
+<dd>
+<dl>
+<dt><a name='events-AT_TARGET' id="events-AT_TARGET"><code class='constant-name'>AT_TARGET</code></a></dt>
+<dd>The current event is in the <a href='#glossary-dt-capture-phase'>target phase</a>, i.e. it is being evaluated at the <a href='#glossary-dt-event-target'>event target</a>.</dd>
+<dt><a name='events-BUBBLING_PHASE' id="events-BUBBLING_PHASE"><code class='constant-name'>BUBBLING_PHASE</code></a></dt>
+<dd>The current event phase is the <a href='#glossary-dt-bubbling-phase'>bubbling phase</a>.</dd>
+<dt><a name='events-CAPTURING_PHASE' id="events-CAPTURING_PHASE"><code class='constant-name'>CAPTURING_PHASE</code></a></dt>
+<dd>The current event phase is the <a href='#glossary-dt-capture-phase'>capture phase</a>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt><b>Attributes</b></dt>
+<dd>
+<dl>
+<dt><code class='attribute-name'><a name='events-Events-Event-canBubble' id="events-Events-Event-canBubble">bubbles</a></code> of type <code>boolean</code>, readonly</dt>
+<dd>Used to indicate whether or not an event is a bubbling event. If the event can bubble the value is <code>true</code>, otherwise the value is <code>false</code>.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-Event-canCancel' id="events-Events-Event-canCancel">cancelable</a></code> of type <code>boolean</code>, readonly</dt>
+<dd>Used to indicate whether or not an event can have its default action prevented (see also <a href='#events-Events-flow-cancelation'>Default actions and cancelable events</a>). If the default action can be prevented the value is <code>true</code>, otherwise the value is <code>false</code>.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-Event-currentTarget' id="events-Events-Event-currentTarget">currentTarget</a></code> of type <a href='#events-Events-EventTarget'><code>EventTarget</code></a>, readonly</dt>
+<dd>Used to indicate the <a href='#events-Events-EventTarget'><code>EventTarget</code></a> whose <a href='#events-Events-EventListener'><code>EventListeners</code></a> are currently being processed. This is particularly useful during the capture and bubbling phases. This attribute could contain the <a href='#glossary-dt-target-node'>target node</a> or a target ancestor when used with the <a href='#events-Events-flow'>DOM event flow</a>.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-Event-defaultPrevented' id="events-Events-Event-defaultPrevented">defaultPrevented</a></code> of type <code>boolean</code>, readonly, introduced in <b class='version'>DOM Level 3</b></dt>
+<dd>Used to indicate whether <a href='#events-Events-Event-preventDefault'><code>Event.preventDefault()</code></a> has been called for this event.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-Event-eventPhase' id="events-Events-Event-eventPhase">eventPhase</a></code> of type <code>unsigned short</code>, readonly</dt>
+<dd>Used to indicate which phase of event flow is currently being accomplished.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-Event-namespaceURI' id="events-Events-Event-namespaceURI">namespaceURI</a></code> of type <code>DOMString</code>, readonly, introduced in <b class='version'>DOM Level 3</b></dt>
+<dd>The <a href='#glossary-dt-namespaceURI'>namespace URI</a> associated with this event at creation time, or <code>null</code> if it is unspecified.<br />
+For events initialized with a DOM Level 2 Events method, such as <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a>, this is always <code>null</code>.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-Event-target' id="events-Events-Event-target">target</a></code> of type <a href='#events-Events-EventTarget'><code>EventTarget</code></a>, readonly</dt>
+<dd>Used to indicate the <a href='#glossary-dt-event-target'>event target</a>. This attribute contains the <a href='#glossary-dt-target-node'>target node</a> when used with the <a href='#events-Events-flow'>DOM event flow</a>.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-Event-timeStamp' id="events-Events-Event-timeStamp">timeStamp</a></code> of type <code>DOMTimeStamp</code>, readonly</dt>
+<dd>Used to specify the time (in milliseconds relative to the epoch) at which the event was created. Due to the fact that some systems may not provide this information the value of <code>timeStamp</code> may be not available for all events. When not available, a value of <code>0</code> will be returned. Examples of epoch time are the time of the system start or 0:0:0 UTC 1st January 1970.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-Event-type' id="events-Events-Event-type">type</a></code> of type <code>DOMString</code>, readonly</dt>
+<dd>The <a href='#glossary-dt-localname'>local name</a> of the event type. The name must be an <a class='normative' href='http://www.w3.org/TR/2004/REC-xml-names11-20040204/#NT-NCName'>NCName</a> as defined in [<cite><a class='noxref normative' href='#references-Namespaces11'>XML Namespaces 1.1</a></cite>] and is case-sensitive.<br /></dd>
+</dl>
+</dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-Event-initEvent' id="events-Events-Event-initEvent">initEvent</a></code></dt>
+<dd>
+<div class='method'>The <code>initEvent</code> method is used to initialize the value of an <code>Event</code> created through the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent</code></a> method. This method may only be called before the <code>Event</code> has been dispatched via the <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent()</code></a> method. If the method is called several times before invoking <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent</code></a>, only the final invocation takes precedence. This method has no effect if called after the event has been dispatched. If called from a subclass of the <code>Event</code> interface only the values specified in this method are modified, all other attributes are left unchanged.<br />
+This method sets the <a href='#events-Events-Event-type'><code>Event.type</code></a> attribute to <code>eventTypeArg</code>, and <a href='#events-Events-Event-namespaceURI'><code>Event.namespaceURI</code></a> to <code>null</code>. To initialize an event with a namespace URI, use the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS(namespaceURIArg, eventTypeArg, ...)</code></a> method.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>eventTypeArg</code> of type <code>DOMString</code></dt>
+<dd>Specifies <a href='#events-Events-Event-type'><code>Event.type</code></a>.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Specifies <a href='#events-Events-Event-canBubble'><code>Event.bubbles</code></a>. This parameter overrides the intrinsic bubbling behavior of the event.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Specifies <a href='#events-Events-Event-canCancel'><code>Event.cancelable</code></a>. This parameter overrides the intrinsic cancelable behavior of the event.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-Event-initEventNS' id="events-Events-Event-initEventNS">initEventNS</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>The <code>initEventNS</code> method is used to initialize the value of an <code>Event</code> object and has the same behavior as <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURIArg</code> of type <code>DOMString</code></dt>
+<dd>Specifies <a href='#events-Events-Event-namespaceURI'><code>Event.namespaceURI</code></a>, the <a href='#glossary-dt-namespaceURI'>namespace URI</a> associated with this event, or <code>null</code> if no namespace.<br /></dd>
+<dt><code class='parameter-name'>eventTypeArg</code> of type <code>DOMString</code></dt>
+<dd>Specifies <a href='#events-Events-Event-type'><code>Event.type</code></a>, the <a href='#glossary-dt-localname'>local name</a> of the event type.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a> method for a description of this parameter.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-Event-preventDefault' id="events-Events-Event-preventDefault">preventDefault</a></code></dt>
+<dd>
+<div class='method'>If an event is cancelable, the <code>preventDefault</code> method is used to signify that the event is to be canceled, meaning any default action normally taken by the implementation as a result of the event will not occur (see also <a href='#events-Events-flow-cancelation'>Default actions and cancelable events</a>), and thus independently of event groups. Calling this method for a non-cancelable event has no effect.
+<p><b>Note:</b> This method does not stop the event propagation; use <code>stopPropagation</code> or <code>stopImmediatePropagation</code> for that effect.</p>
+<div><b>No Parameters</b></div>
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-Event-stopImmediatePropagation' id="events-Events-Event-stopImmediatePropagation">stopImmediatePropagation</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>This method is used to prevent event listeners of the same group to be triggered and, unlike <code>stopPropagation</code> its effect is immediate (see <a href='#events-Events-propagation-and-groups'>Event propagation and event groups</a>). Once it has been called, further calls to that method have no additional effect.
+<p><b>Note:</b> This method does not prevent the default action from being invoked; use <a href='#events-Events-Event-preventDefault'><code>Event.preventDefault()</code></a> for that effect.</p>
+<div><b>No Parameters</b></div>
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-Event-stopPropagation' id="events-Events-Event-stopPropagation">stopPropagation</a></code></dt>
+<dd>
+<div class='method'>This method is used to prevent event listeners of the same group to be triggered but its effect is deferred until all event listeners attached on the <code>currentTarget</code> have been triggered (see <a href='#events-Events-propagation-and-groups'>Event propagation and event groups</a>). Once it has been called, further calls to that method have no additional effect.
+<p><b>Note:</b> This method does not prevent the default action from being invoked; use <code>preventDefault</code> for that effect.</p>
+<div><b>No Parameters</b></div>
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt><b>Interface <i><a name='events-Events-EventTarget' id="events-Events-EventTarget">EventTarget</a></i></b> (introduced in <b class='since'>DOM Level 2</b>)</dt>
+<dd>
+<p>The <code>EventTarget</code> interface is implemented by all the objects which could be <a href='#glossary-dt-event-target'>event targets</a> in an implementation which supports the <a href='#events-Events-flows'>Event flows</a>. The interface allows registration and removal of event listeners, and dispatch of events to an event target.</p>
+<p>When used with <a href='#events-Events-flow'>DOM event flow</a>, this interface is implemented by all <a href='#glossary-dt-target-node'>target nodes</a> and target ancestors, i.e. all DOM <code>Nodes</code> of the tree support this interface when the implementation conforms to DOM Level 3 Events and, therefore, this interface can be obtained by using binding-specific casting methods on an instance of the <code>Node</code> interface.</p>
+<p>Invoking <code>addEventListener</code> or <code>addEventListenerNS</code> multiple times on the same <code>EventTarget</code> with the same parameters (<code>namespaceURI</code>, <code>type</code>, <code>listener</code>, and <code>useCapture</code>) is considered to be a no-op and thus independently of the event group. They do not cause the <a href='#events-Events-EventListener'><code>EventListener</code></a> to be called more than once and do not cause a change in the triggering order. In order to guarantee that an event listener will be added to the event target for the specified event group, one needs to invoke <code>removeEventListener</code> or <code>removeEventListenerNS</code> first.</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 2:
+interface <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> {
+ void <a class='noxref' href='#events-Events-EventTarget-addEventListener'>addEventListener</a>(in DOMString type,
+ in <a class='noxref' href='#events-Events-EventListener'>EventListener</a> listener,
+ in boolean useCapture);
+ void <a class='noxref' href='#events-Events-EventTarget-removeEventListener'>removeEventListener</a>(in DOMString type,
+ in <a class='noxref' href='#events-Events-EventListener'>EventListener</a> listener,
+ in boolean useCapture);
+ // Modified in DOM Level 3:
+ boolean <a class='noxref' href='#events-Events-EventTarget-dispatchEvent'>dispatchEvent</a>(in <a class='noxref' href='#events-Events-Event'>Event</a> evt)
+ raises(<a class='noxref' href='#events-Events-EventException'>EventException</a>,
+ DOMException);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-EventTargetGroup-addEventListenerNS'>addEventListenerNS</a>(in DOMString namespaceURI,
+ in DOMString type,
+ in <a class='noxref' href='#events-Events-EventListener'>EventListener</a> listener,
+ in boolean useCapture,
+ in DOMObject evtGroup);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-EventTargetGroup-removeEventListenerNS'>removeEventListenerNS</a>(in DOMString namespaceURI,
+ in DOMString type,
+ in <a class='noxref' href='#events-Events-EventListener'>EventListener</a> listener,
+ in boolean useCapture);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-EventTarget-addEventListener' id="events-Events-EventTarget-addEventListener">addEventListener</a></code></dt>
+<dd>
+<div class='method'>This method allows the registration of an event listener in the default group and, depending on the <code>useCapture</code> parameter, on the capture phase of the DOM event flow or its target and bubbling phases.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>type</code> of type <code>DOMString</code></dt>
+<dd>Specifies the <a href='#events-Events-Event-type'><code>Event.type</code></a> associated with the event for which the user is registering.<br /></dd>
+<dt><code class='parameter-name'>listener</code> of type <a href='#events-Events-EventListener'><code>EventListener</code></a></dt>
+<dd>The <code>listener</code> parameter takes an object implemented by the user which implements the <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> interface and contains the method to be called when the event occurs.<br /></dd>
+<dt><code class='parameter-name'>useCapture</code> of type <code>boolean</code></dt>
+<dd>If true, <code>useCapture</code> indicates that the user wishes to add the event listener for the <a href='#glossary-dt-capture-phase'>capture phase</a> only, i.e. this event listener will not be triggered during the <a href='#glossary-dt-target-phase'>target</a> and <a href='#glossary-dt-bubbling-phase'>bubbling</a> phases. If <code>false</code>, the event listener will only be triggered during the target and bubbling phases.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-EventTargetGroup-addEventListenerNS' id="events-Events-EventTargetGroup-addEventListenerNS">addEventListenerNS</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>This method allows the registration of an event listener in a specified group or the default group and, depending on the <code>useCapture</code> parameter, on the capture phase of the DOM event flow or its target and bubbling phases.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURI</code> of type <code>DOMString</code></dt>
+<dd>Specifies the <a href='#events-Events-Event-namespaceURI'><code>Event.namespaceURI</code></a> associated with the event for which the user is registering.<br /></dd>
+<dt><code class='parameter-name'>type</code> of type <code>DOMString</code></dt>
+<dd>Specifies the <a href='#events-Events-Event-type'><code>Event.type</code></a> associated with the event for which the user is registering.<br /></dd>
+<dt><code class='parameter-name'>listener</code> of type <a href='#events-Events-EventListener'><code>EventListener</code></a></dt>
+<dd>The <code>listener</code> parameter takes an object implemented by the user which implements the <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> interface and contains the method to be called when the event occurs.<br /></dd>
+<dt><code class='parameter-name'>useCapture</code> of type <code>boolean</code></dt>
+<dd>If true, <code>useCapture</code> indicates that the user wishes to add the event listener for the <a href='#glossary-dt-capture-phase'>capture phase</a> only, i.e. this event listener will not be triggered during the <a href='#glossary-dt-target-phase'>target</a> and <a href='#glossary-dt-bubbling-phase'>bubbling</a> phases. If <code>false</code>, the event listener will only be triggered during the target and bubbling phases.<br /></dd>
+<dt><code class='parameter-name'>evtGroup</code> of type <code>DOMObject</code></dt>
+<dd>The object that represents the event group to associate with the <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> (see also <a href='#events-Events-propagation-and-groups'>Event propagation and event groups</a>). Use <code>null</code> to attach the event listener to the default group.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-EventTarget-dispatchEvent' id="events-Events-EventTarget-dispatchEvent">dispatchEvent</a></code> modified in <b class='version'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>This method allows the dispatch of events into the implementation's event model. The <a href='#glossary-dt-event-target'>event target</a> of the event is the <code>EventTarget</code> object on which <code>dispatchEvent</code> is called.
+<div style='color: red'>(<i><b>ED:</b></i> There is an open issue <a class='normative' href='http://www.w3.org/2005/06/tracker/webapi/issues/20'>ISSUE-20</a> regarding re-dispatch of event objects that have already been dispatched. )</div>
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>evt</code> of type <a href='#events-Events-Event'><code>Event</code></a></dt>
+<dd>The event to be dispatched.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div class='return'><b>Return Value</b>
+<div class='returntable'>
+<table summary='Layout table: the first cell contains the type of the return value, the second contains a short description' border='0'>
+<tr>
+<td valign='top'>
+<p><code>boolean</code></p>
+</td>
+<td>
+<p>Indicates whether any of the listeners which handled the event called <a href='#events-Events-Event-preventDefault'><code>Event.preventDefault()</code></a>. If <a href='#events-Events-Event-preventDefault'><code>Event.preventDefault()</code></a> was called the returned value is <code>false</code>, else it is <code>true</code>.</p>
+</td>
+</tr>
+</table>
+</div>
+</div>
+<!-- return -->
+<div class='exceptions'><b>Exceptions</b>
+<div class='exceptiontable'>
+<table summary='Layout table: the first cell contains the type of the exception, the second contains the specific error code and a short description' border='0'>
+<tr>
+<td valign='top'>
+<p><a href='#events-Events-EventException'><code>EventException</code></a></p>
+</td>
+<td>
+<p>UNSPECIFIED_EVENT_TYPE_ERR: Raised if the <a href='#events-Events-Event-type'><code>Event.type</code></a> was not specified by initializing the event before <code>dispatchEvent</code> was called. Specification of the <a class='noxref' href='#events-Events-Event-type'><code>Event.type</code></a> as <code>null</code> or an empty string will also trigger this exception.</p>
+<p>DISPATCH_REQUEST_ERR: Raised if the <a href='#events-Events-Event'><code>Event</code></a> object is already being dispatched in the tree.</p>
+</td>
+</tr>
+<tr>
+<td valign='top'>
+<p><code>DOMException</code></p>
+</td>
+<td>
+<p>NOT_SUPPORTED_ERR: Raised if the <a href='#events-Events-Event'><code>Event</code></a> object has not been created using <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent()</code></a>.</p>
+<p>INVALID_CHARACTER_ERR: Raised if <a href='#events-Events-Event-type'><code>Event.type</code></a> is not an <a class='normative' href='http://www.w3.org/TR/2004/REC-xml-names11-20040204/#NT-NCName'><em>NCName</em></a> as defined in [<cite><a class='noxref normative' href='#references-Namespaces11'>XML Namespaces 1.1</a></cite>].</p>
+</td>
+</tr>
+</table>
+</div>
+</div>
+<!-- exceptions --></div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-EventTarget-removeEventListener' id="events-Events-EventTarget-removeEventListener">removeEventListener</a></code></dt>
+<dd>
+<div class='method'>This method allows the removal of event listeners from the default group.<br />
+Calling <code>removeEventListener</code> with arguments which do not identify any currently registered <a href='#events-Events-EventListener'><code>EventListener</code></a> on the <code>EventTarget</code> has no effect.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>type</code> of type <code>DOMString</code></dt>
+<dd>Specifies the <a href='#events-Events-Event-type'><code>Event.type</code></a> for which the user registered the event listener.<br /></dd>
+<dt><code class='parameter-name'>listener</code> of type <a href='#events-Events-EventListener'><code>EventListener</code></a></dt>
+<dd>The <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> to be removed.<br /></dd>
+<dt><code class='parameter-name'>useCapture</code> of type <code>boolean</code></dt>
+<dd>Specifies whether the <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> being removed was registered for the capture phase or not. If a listener was registered twice, once for the capture phase and once for the target and bubbling phases, each must be removed separately. Removal of an event listener registered for the capture phase does not affect the same event listener registered for the target and bubbling phases, and vice versa.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-EventTargetGroup-removeEventListenerNS' id="events-Events-EventTargetGroup-removeEventListenerNS">removeEventListenerNS</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>This method allows the removal of an event listener, independently of the associated event group.<br />
+Calling <code>removeEventListenerNS</code> with arguments which do not identify any currently registered <a href='#events-Events-EventListener'><code>EventListener</code></a> on the <code>EventTarget</code> has no effect.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURI</code> of type <code>DOMString</code></dt>
+<dd>Specifies the <a href='#events-Events-Event-namespaceURI'><code>Event.namespaceURI</code></a> associated with the event for which the user registered the event listener.<br /></dd>
+<dt><code class='parameter-name'>type</code> of type <code>DOMString</code></dt>
+<dd>Specifies the <a href='#events-Events-Event-type'><code>Event.type</code></a> associated with the event for which the user registered the event listener.<br /></dd>
+<dt><code class='parameter-name'>listener</code> of type <a href='#events-Events-EventListener'><code>EventListener</code></a></dt>
+<dd>The <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> parameter indicates the <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> to be removed.<br /></dd>
+<dt><code class='parameter-name'>useCapture</code> of type <code>boolean</code></dt>
+<dd>Specifies whether the <a class='noxref' href='#events-Events-EventListener'><code>EventListener</code></a> being removed was registered for the capture phase or not. If a listener was registered twice, once for the capture phase and once for the target and bubbling phases, each must be removed separately. Removal of an event listener registered for the capture phase does not affect the same event listener registered for the target and bubbling phases, and vice versa.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt><b>Interface <i><a name='events-Events-EventListener' id="events-Events-EventListener">EventListener</a></i></b> (introduced in <b class='since'>DOM Level 2</b>)</dt>
+<dd>
+<p>The <code>EventListener</code> interface is the primary way for handling events. Users implement the <code>EventListener</code> interface and register their event listener on an <a href='#events-Events-EventTarget'><code>EventTarget</code></a>. The users should also remove their <code>EventListener</code> from its <a class='noxref' href='#events-Events-EventTarget'><code>EventTarget</code></a> after they have completed using the listener.</p>
+<p>Copying a <code>Node</code>, with methods such as <code>Node.cloneNode</code> or <code>Range.cloneContents</code>, does not copy the event listeners attached to it. Event listeners must be attached to the newly created <code>Node</code> afterwards if so desired.</p>
+<p>Moving a <code>Node</code>, with methods <code>Document.adoptNode</code>, <code>Node.appendChild</code>, or <code>Range.extractContents</code>, does not affect the event listeners attached to it.</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 2:
+interface <a class='noxref' href='#events-Events-EventListener'>EventListener</a> {
+ void <a class='noxref' href='#events-Events-EventListener-handleEvent'>handleEvent</a>(in <a class='noxref' href='#events-Events-Event'>Event</a> evt);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-EventListener-handleEvent' id="events-Events-EventListener-handleEvent">handleEvent</a></code></dt>
+<dd>
+<div class='method'>This method is called whenever an event occurs of the event type for which the <code>EventListener</code> interface was registered.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>evt</code> of type <a href='#events-Events-Event'><code>Event</code></a></dt>
+<dd>The <a class='noxref' href='#events-Events-Event'><code>Event</code></a> contains contextual information about the <a href='#glossary-dt-event'>event</a>.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt><b>Exception <i><a name='events-Events-EventException' id="events-Events-EventException">EventException</a></i></b> introduced in <b class='version'>DOM Level 2</b></dt>
+<dd>
+<p>Event operations may throw an <a href='#events-Events-EventException'><code>EventException</code></a> as specified in their method descriptions.</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 2:
+exception <a class='noxref' href='#events-Events-EventException'>EventException</a> {
+ unsigned short code;
+};
+// EventExceptionCode
+const unsigned short <a class='noxref' href='#events-UNSPECIFIED_EVENT_TYPE_ERR'>UNSPECIFIED_EVENT_TYPE_ERR</a> = 0;
+// Introduced in DOM Level 3:
+const unsigned short <a class='noxref' href='#events-DISPATCH_REQUEST_ERR'>DISPATCH_REQUEST_ERR</a> = 1;
+</pre></div>
+<br /></dd>
+<dt><b>Definition group <i><a name='events-Events-EventException-EventExceptionCode' id="events-Events-EventException-EventExceptionCode">EventExceptionCode</a></i></b></dt>
+<dd>
+<p>An integer indicating the type of error generated.</p>
+<dl>
+<dt><b>Defined Constants</b></dt>
+<dd>
+<dl>
+<dt><a name='events-DISPATCH_REQUEST_ERR' id="events-DISPATCH_REQUEST_ERR"><code class='constant-name'>DISPATCH_REQUEST_ERR</code></a>, introduced in <b class='version'>DOM Level 3</b>.</dt>
+<dd>If the <a href='#events-Events-Event'><code>Event</code></a> object is already dispatched in the tree.</dd>
+<dt><a name='events-UNSPECIFIED_EVENT_TYPE_ERR' id="events-UNSPECIFIED_EVENT_TYPE_ERR"><code class='constant-name'>UNSPECIFIED_EVENT_TYPE_ERR</code></a></dt>
+<dd>If the <a href='#events-Events-Event-type'><code>Event.type</code></a> was not specified by initializing the event before the method was called. Specification of the <a class='noxref' href='#events-Events-Event-type'><code>Event.type</code></a> as <code>null</code> or an empty string will also trigger this exception.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+</dl>
+<div class='div3'><a name='events-Events-document' id="events-Events-document"></a>
+<h3 id='events-Events-document-h3' class='div3'>1.7.1 Event creation</h3>
+<p>In most cases, the events dispatched by the DOM Events implementation are also created by the implementation. It is however possible to simulate events such as mouse events by creating the <a href='#events-Events-Event'><code>Event</code></a> objects and dispatch them using the DOM Events implementation.</p>
+<p>DOM Events provides two ways for creating <a href='#events-Events-Event'><code>Event</code></a> objects. An application can either create <a class='noxref' href='#events-Events-Event'><code>Event</code></a> objects that are known to the implementation, or create its own objects and have them dispatched by the DOM Events implementation.</p>
+<p>Creating <a href='#events-Events-Event'><code>Event</code></a> objects that are known to the DOM Events implementation is done using <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent()</code></a>. The application must then initialize the object by calling the appropriate initialization method before invoking <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent()</code></a>. The <a class='noxref' href='#events-Events-Event'><code>Event</code></a> objects created must be known by the DOM Events implementation; otherwise an event exception is thrown.</p>
+<p>The DOM application might want to create its own <a href='#events-Events-Event'><code>Event</code></a> objects, in order to change the default <a class='noxref' href='#events-Events-Event'><code>Event</code></a> implementation provided by the DOM Events implementation or to generate new event types with specific contextual information. In any case, the application is responsible for creating and initializing the <a class='noxref' href='#events-Events-Event'><code>Event</code></a> object. The application can then dispatch the event using the DOM Events implementation by using <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent()</code></a>.</p>
+<p>However, the DOM Events implementation requires to have access to two attributes in the <a href='#events-Events-Event'><code>Event</code></a> object in order to accomplish the dispatch appropriately: <a href='#events-Events-Event-currentTarget'><code>Event.currentTarget</code></a> and <a href='#events-Events-Event-eventPhase'><code>Event.eventPhase</code></a>. Those attributes are defined as <code>readonly</code> in the <a class='noxref' href='#events-Events-Event'><code>Event</code></a> interface since event listeners must not change them and it is the responsibility of the DOM Events implementation to update them during the event flow. Therefore, implementing the <a class='noxref' href='#events-Events-Event'><code>Event</code></a> interface when creating its own events is not enough for an application since the DOM Events implementation will not be able to update the current phase and the current node during the dispatch, unless the event object also implements the <a href='#events-Events-CustomEvent'><code>CustomEvent</code></a> interface to give access to the relevant attributes.</p>
+<dl>
+<dt><b>Interface <i><a name='events-Events-DocumentEvent' id="events-Events-DocumentEvent">DocumentEvent</a></i></b> (introduced in <b class='since'>DOM Level 2</b>)</dt>
+<dd>
+<p>The <code>DocumentEvent</code> interface provides a mechanism by which the user can create an <a href='#events-Events-Event'><code>Event</code></a> object of a type supported by the implementation. If the feature "Events" is supported by the <code>Document</code> object, the <code>DocumentEvent</code> interface must be implemented on the same object. If the feature "+Events" is supported by the <code>Document</code> object, an object that supports the <code>DocumentEvent</code> interface must be returned by invoking the method <code>Node.getFeature("+Events", "3.0")</code> on the <code>Document</code> object.</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 2:
+interface <a class='noxref' href='#events-Events-DocumentEvent'>DocumentEvent</a> {
+ <a class='noxref' href='#events-Events-Event'>Event</a> <a class='noxref' href='#events-Events-DocumentEvent-createEvent'>createEvent</a>(in DOMString eventType)
+ raises(DOMException);
+ // Introduced in DOM Level 3:
+ boolean <a class='noxref' href='#events-Events-DocumentEvent-canDispatch'>canDispatch</a>(in DOMString namespaceURI,
+ in DOMString type);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-DocumentEvent-canDispatch' id="events-Events-DocumentEvent-canDispatch">canDispatch</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>Test if the implementation can generate events of a specified type.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURI</code> of type <code>DOMString</code></dt>
+<dd>Specifies the <a href='#events-Events-Event-namespaceURI'><code>Event.namespaceURI</code></a> of the event.<br /></dd>
+<dt><code class='parameter-name'>type</code> of type <code>DOMString</code></dt>
+<dd>Specifies the <a href='#events-Events-Event-type'><code>Event.type</code></a> of the event.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div class='return'><b>Return Value</b>
+<div class='returntable'>
+<table summary='Layout table: the first cell contains the type of the return value, the second contains a short description' border='0'>
+<tr>
+<td valign='top'>
+<p><code>boolean</code></p>
+</td>
+<td>
+<p><code>true</code> if the implementation can generate and dispatch this event type, <code>false</code> otherwise.</p>
+</td>
+</tr>
+</table>
+</div>
+</div>
+<!-- return -->
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-DocumentEvent-createEvent' id="events-Events-DocumentEvent-createEvent">createEvent</a></code></dt>
+<dd>
+<div class='method'>
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>eventType</code> of type <code>DOMString</code></dt>
+<dd>The <code>eventType</code> parameter specifies the name of the DOM Events interface to be supported by the created event object, e.g. <code>"Event"</code>, <code>"MouseEvent"</code>, <code>"MutationEvent"</code> and so on. If the <a href='#events-Events-Event'><code>Event</code></a> is to be dispatched via the <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent()</code></a> method the appropriate event init method must be called after creation in order to initialize the <a class='noxref' href='#events-Events-Event'><code>Event</code></a>'s values.<br />
+As an example, a user wishing to synthesize some kind of <a href='#events-Events-UIEvent'><code>UIEvent</code></a> would invoke <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("UIEvent")</code></a>. The <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method could then be called on the newly created <a class='noxref' href='#events-Events-UIEvent'><code>UIEvent</code></a> object to set the specific type of user interface event to be dispatched, <a href='#events-event-DOMActivate'>DOMActivate</a> for example, and set its context information, e.g. <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> in this example.<br />
+The <code>createEvent</code> method is used in creating <a href='#events-Events-Event'><code>Event</code></a>s when it is either inconvenient or unnecessary for the user to create an <a class='noxref' href='#events-Events-Event'><code>Event</code></a> themselves. In cases where the implementation provided <a class='noxref' href='#events-Events-Event'><code>Event</code></a> is insufficient, users may supply their own <a class='noxref' href='#events-Events-Event'><code>Event</code></a> implementations for use with the <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent()</code></a> method. However, the DOM implementation needs access to the attributes <a href='#events-Events-Event-currentTarget'><code>Event.currentTarget</code></a> and <a href='#events-Events-Event-eventPhase'><code>Event.eventPhase</code></a> to appropriately propagate the event in the DOM tree. Therefore users' <a class='noxref' href='#events-Events-Event'><code>Event</code></a> implementations might need to support the <a href='#events-Events-CustomEvent'><code>CustomEvent</code></a> interface for that effect.
+<p><b>Note:</b> For backward compatibility reason, "UIEvents", "MouseEvents", "MutationEvents", and "HTMLEvents" feature names are valid values for the parameter <code>eventType</code> and represent respectively the interfaces "UIEvent", "MouseEvent", "MutationEvent", and "Event".</p>
+<div style='color: red'>(<i><b>ED:</b></i> This does not say whether the argument is case-insensitive, it is in some implementations... )</div>
+</dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div class='return'><b>Return Value</b>
+<div class='returntable'>
+<table summary='Layout table: the first cell contains the type of the return value, the second contains a short description' border='0'>
+<tr>
+<td valign='top'>
+<p><a href='#events-Events-Event'><code>Event</code></a></p>
+</td>
+<td>
+<p>The newly created event object.</p>
+</td>
+</tr>
+</table>
+</div>
+</div>
+<!-- return -->
+<div class='exceptions'><b>Exceptions</b>
+<div class='exceptiontable'>
+<table summary='Layout table: the first cell contains the type of the exception, the second contains the specific error code and a short description' border='0'>
+<tr>
+<td valign='top'>
+<p><code>DOMException</code></p>
+</td>
+<td>
+<p>NOT_SUPPORTED_ERR: Raised if the implementation does not support the <a href='#events-Events-Event'><code>Event</code></a> interface requested.</p>
+</td>
+</tr>
+</table>
+</div>
+</div>
+<!-- exceptions --></div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt><b>Interface <i><a name='events-Events-CustomEvent' id="events-Events-CustomEvent">CustomEvent</a></i></b> (introduced in <b class='since'>DOM Level 3</b>)</dt>
+<dd>
+<p>@@@</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 3:
+interface <a class='noxref' href='#events-Events-CustomEvent'>CustomEvent</a> : <a class='noxref' href='#events-Events-Event'>Event</a> {
+ readonly attribute DOMObject <a class='noxref' href='#events-Events-CustomEvent-detail'>detail</a>;
+ void <a class='noxref' href='#events-Events-Event-initCustomEventNS'>initCustomEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in DOMObject detailArg);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Attributes</b></dt>
+<dd>
+<dl>
+<dt><code class='attribute-name'><a name='events-Events-CustomEvent-detail' id="events-Events-CustomEvent-detail">detail</a></code> of type <code>DOMObject</code>, readonly</dt>
+<dd>Specifies some detail information about the <a href='#events-Events-Event'><code>Event</code></a>.<br /></dd>
+</dl>
+</dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-Event-initCustomEventNS' id="events-Events-Event-initCustomEventNS">initCustomEventNS</a></code></dt>
+<dd>
+<div class='method'>The <code>initCustomEventNS</code> method is used to initialize the value of a <code>CustomEvent</code> object and has the same behavior as <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURI</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>detailArg</code> of type <code>DOMObject</code></dt>
+<dd>Specifies <a href='#events-Events-CustomEvent-detail'><code>CustomEvent.detail</code></a>.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+</dl>
+</div>
+<!-- div3 Events-document --></div>
+<!-- div2 Events-interface -->
+<div class='div2'><a name='events-Events-eventgroupings' id="events-Events-eventgroupings"></a>
+<h2 id='events-Events-eventgroupings-h2' class='div2'>1.8 Event module definitions</h2>
+<p>The DOM Event Model allows a DOM implementation to support multiple modules of events. The model has been designed to allow addition of new event modules if required. The DOM will not attempt to define all possible events. For purposes of interoperability, the DOM defines a module of user interface events including lower level device dependent events and a module of document mutation events.</p>
+<div class='div3'><a name='events-Events-eventgroupings-uievents' id="events-Events-eventgroupings-uievents"></a>
+<h3 id='events-Events-eventgroupings-uievents-h3' class='div3'>1.8.1 User Interface event types</h3>
+<p>The User Interface event module contains basic event types associated with user interfaces.</p>
+<dl>
+<dt><b>Interface <i><a name='events-Events-UIEvent' id="events-Events-UIEvent">UIEvent</a></i></b> (introduced in <b class='since'>DOM Level 2</b>)</dt>
+<dd>
+<p>The <code>UIEvent</code> interface provides specific contextual information associated with User Interface events.</p>
+<p>To create an instance of the <code>UIEvent</code> interface, use the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("UIEvent")</code></a> method call.</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 2:
+interface <a class='noxref' href='#events-Events-UIEvent'>UIEvent</a> : <a class='noxref' href='#events-Events-Event'>Event</a> {
+ readonly attribute views::AbstractView <a class='noxref' href='#events-Events-UIEvent-view'>view</a>;
+ readonly attribute long <a class='noxref' href='#events-Events-UIEvent-detail'>detail</a>;
+ void <a class='noxref' href='#events-Events-Event-initUIEvent'>initUIEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in long detailArg);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initUIEventNS'>initUIEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in long detailArg);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Attributes</b></dt>
+<dd>
+<dl>
+<dt><code class='attribute-name'><a name='events-Events-UIEvent-detail' id="events-Events-UIEvent-detail">detail</a></code> of type <code>long</code>, readonly</dt>
+<dd>Specifies some detail information about the <a href='#events-Events-Event'><code>Event</code></a>, depending on the type of event.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-UIEvent-view' id="events-Events-UIEvent-view">view</a></code> of type <code>views::AbstractView</code>, readonly</dt>
+<dd>The <code>view</code> attribute identifies the <code>AbstractView</code> from which the event was generated.<br /></dd>
+</dl>
+</dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-Event-initUIEvent' id="events-Events-Event-initUIEvent">initUIEvent</a></code></dt>
+<dd>
+<div class='method'>The <code>initUIEvent</code> method is used to initialize the value of a <code>UIEvent</code> object and has the same behavior as <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>viewArg</code> of type <code>views::AbstractView</code></dt>
+<dd>Specifies <a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a>.<br /></dd>
+<dt><code class='parameter-name'>detailArg</code> of type <code>long</code></dt>
+<dd>Specifies <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a>.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-Event-initUIEventNS' id="events-Events-Event-initUIEventNS">initUIEventNS</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>The <code>initUIEventNS</code> method is used to initialize the value of a <code>UIEvent</code> object and has the same behavior as <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURI</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>viewArg</code> of type <code>views::AbstractView</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>detailArg</code> of type <code>long</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+</dl>
+<p>The User Interface event types are listed below. A DOM application may use the <code>hasFeature(feature, version)</code> method of the <code>DOMImplementation</code> interface with parameter values <code>"UIEvents"</code> and <code>"3.0"</code> (respectively) to determine whether or not the DOM Level 3 User Interface event types are supported by the implementation. In order to fully support this module, an implementation must also support the <code>"Events"</code> feature defined in this specification and the <code>"Views"</code> feature defined in the DOM Level 2 Views specification [<cite><a class='noxref normative' href='#references-DOM2Views'>DOM Level 2 Views</a></cite>]. For additional information about <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/introduction.html#ID-Conformance'><em>conformance</em></a>, please see the DOM Level 3 Core specification [<cite><a class='noxref informative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>]. The DOM Level 3 User Interface Events module is built on top of the DOM Level 2 User Interface Events [<cite><a class='noxref normative' href='#references-DOM2Events'>DOM Level 2 Events</a></cite>] module, i.e. a DOM Level 3 User Interface Events implementation where <code>hasFeature("UIEvents", "3.0")</code> returns <code>true</code> must also return <code>true</code> when the <code>version</code> number is <code>"2.0"</code>, <code>""</code> or, <code>null</code>.</p>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-DOMActivate' id="events-event-DOMActivate"></a><a class='noxref' href='#events-event-DOMActivate'>DOMActivate</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMActivate</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> is in use.</td>
+</tr>
+</table>
+An element is activated, for instance, using a mouse device, a keyboard device, or a voice command.
+<p><b>Note:</b> The activation of an element is device dependent but is also application dependent, e.g. a link in a document can be activated using a mouse click or a mouse double click.</p>
+</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-focus' id="events-event-focus"></a><a class='noxref' href='#events-event-focus'>focus</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>focus</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> is in use.</td>
+</tr>
+</table>
+An event target receives focus. The focus is given to the element before the dispatch of this event type.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-blur' id="events-event-blur"></a><a class='noxref' href='#events-event-blur'>blur</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>blur</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> is in use.</td>
+</tr>
+</table>
+A event target loses focus. The focus is taken from the element before the dispatch of this event type.</dd>
+</dl>
+</div>
+</div>
+<!-- div3 Events-eventgroupings-uievents -->
+<div class='div3'><a name='events-Events-TextEvents-Interfaces' id="events-Events-TextEvents-Interfaces"></a>
+<h3 id='events-Events-TextEvents-Interfaces-h3' class='div3'>1.8.2 Text events types</h3>
+<p>The text event module originates from the [<cite><a class='noxref informative' href='#references-HTML40'>HTML 4.01</a></cite>] <code>onkeypress</code> attribute. Unlike this attribute, the event type <a href='#events-event-textInput'>textInput</a> applies only to characters and is designed for use with any text input devices, not just keyboards. Refer to Appendix A, "<a href='#keyset-KeySet'>Keyboard events and key identifiers</a>", for examples on how text events are used in combination with keyboard events.</p>
+<dl>
+<dt><b>Interface <i><a name='events-Events-TextEvent' id="events-Events-TextEvent">TextEvent</a></i></b> (introduced in <b class='since'>DOM Level 3</b>)</dt>
+<dd>
+<p>The <code>TextEvent</code> interface provides specific contextual information associated with Text Events.</p>
+<p>To create an instance of the <code>TextEvent</code> interface, use the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("TextEvent")</code></a> method call.</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 3:
+interface <a class='noxref' href='#events-Events-TextEvent'>TextEvent</a> : <a class='noxref' href='#events-Events-UIEvent'>UIEvent</a> {
+ readonly attribute DOMString <a class='noxref' href='#events-Events-UIEvent-data'>data</a>;
+ void <a class='noxref' href='#events-Events-Event-initTextEvent'>initTextEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in DOMString dataArg);
+ void <a class='noxref' href='#events-Events-Event-initTextEventNS'>initTextEventNS</a>(in DOMString namespaceURI,
+ in DOMString type,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in DOMString dataArg);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Attributes</b></dt>
+<dd>
+<dl>
+<dt><code class='attribute-name'><a name='events-Events-UIEvent-data' id="events-Events-UIEvent-data">data</a></code> of type <code>DOMString</code>, readonly</dt>
+<dd><code>data</code> holds the value of the characters generated by the character device. This may be a single Unicode character or a non-empty sequence of Unicode characters [<cite><a class='noxref normative' href='#references-Unicode'>Unicode</a></cite>]. Characters should be normalized as defined by the Unicode normalization form <i>NFC</i>, defined in [<cite><a class='noxref normative' href='#references-UnicodeNormalization'>UTR #15</a></cite>]. This attribute cannot be null or contain the empty string.<br /></dd>
+</dl>
+</dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-Event-initTextEvent' id="events-Events-Event-initTextEvent">initTextEvent</a></code></dt>
+<dd>
+<div class='method'>The <code>initTextEvent</code> method is used to initialize the value of a <code>TextEvent</code> object and has the same behavior as <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a>. The value of <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> remains undefined.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>viewArg</code> of type <code>views::AbstractView</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>dataArg</code> of type <code>DOMString</code></dt>
+<dd>Specifies <a href='#events-Events-UIEvent-data'><code>TextEvent.data</code></a>.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-Event-initTextEventNS' id="events-Events-Event-initTextEventNS">initTextEventNS</a></code></dt>
+<dd>
+<div class='method'>The <code>initTextEventNS</code> method is used to initialize the value of a <code>TextEvent</code> object and has the same behavior as <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a>. The value of <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> remains undefined.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURI</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>type</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>viewArg</code> of type <code>views::AbstractView</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>dataArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initTextEvent'><code>TextEvent.initTextEvent()</code></a> method for a description of this parameter.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+</dl>
+<p>The text event type is listed below. A DOM application may use the <code>hasFeature(feature, version)</code> method of the <code>DOMImplementation</code> interface with parameter values <code>"TextEvents"</code> and <code>"3.0"</code> (respectively) to determine whether or not the Text event module is supported by the implementation. In order to fully support this module, an implementation must also support the <code>"UIEvents"</code> feature defined in this specification. For additional information about <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/introduction.html#ID-Conformance'><em>conformance</em></a>, please see the DOM Level 3 Core specification [<cite><a class='noxref informative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>].</p>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-textInput' id="events-event-textInput"></a><a class='noxref' href='#events-event-textInput'>textInput</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>textInput</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-TextEvent'><code>TextEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> and <a href='#events-Events-UIEvent-data'><code>TextEvent.data</code></a> are in use.</td>
+</tr>
+</table>
+One or more characters have been entered. The characters can originate from a variety of sources. For example, it could be characters resulting from a key being pressed or released on a keyboard device, characters resulting from the processing of an <a href='#keyset-dt-ime'>input method editor</a>, or resulting from a voice command. Where a "paste" operation generates a simple sequence of characters, i.e. a text without any structure or style information, this event type should be generated as well.</dd>
+</dl>
+</div>
+</div>
+<!-- div3 Events-TextEvents-Interfaces -->
+<div class='div3'><a name='events-Events-eventgroupings-mouseevents' id="events-Events-eventgroupings-mouseevents"></a>
+<h3 id='events-Events-eventgroupings-mouseevents-h3' class='div3'>1.8.3 Mouse event types</h3>
+<p>The Mouse event module originates from the [<cite><a class='noxref informative' href='#references-HTML40'>HTML 4.01</a></cite>] <code>onclick</code>, <code>ondblclick</code>, <code>onmousedown</code>, <code>onmouseup</code>, <code>onmouseover</code>, <code>onmousemove</code>, and <code>onmouseout</code> attributes. This event module is specifically designed for use with pointing input devices, such as a mouse or a trackball.</p>
+<dl>
+<dt><b>Interface <i><a name='events-Events-MouseEvent' id="events-Events-MouseEvent">MouseEvent</a></i></b> (introduced in <b class='since'>DOM Level 2</b>)</dt>
+<dd>
+<p>The <code>MouseEvent</code> interface provides specific contextual information associated with Mouse events.</p>
+<p>In the case of nested elements mouse events are always targeted at the most deeply nested element. Ancestors of the targeted element may use bubbling to obtain notification of mouse events which occur within theirs descendent elements.</p>
+<p>To create an instance of the <code>MouseEvent</code> interface, use the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("MouseEvent")</code></a> method call.</p>
+<p><b>Note:</b> When initializing <code>MouseEvent</code> objects using <code>initMouseEvent</code> or <code>initMouseEventNS</code>, implementations should use the client coordinates <code>clientX</code> and <code>clientY</code> for calculation of other coordinates (such as target coordinates exposed by <a href='#glossary-dt-DOM-Level-0'>DOM Level 0</a> implementations).</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 2:
+interface <a class='noxref' href='#events-Events-MouseEvent'>MouseEvent</a> : <a class='noxref' href='#events-Events-UIEvent'>UIEvent</a> {
+ readonly attribute long <a class='noxref' href='#events-Events-MouseEvent-screenX'>screenX</a>;
+ readonly attribute long <a class='noxref' href='#events-Events-MouseEvent-screenY'>screenY</a>;
+ readonly attribute long <a class='noxref' href='#events-Events-MouseEvent-clientX'>clientX</a>;
+ readonly attribute long <a class='noxref' href='#events-Events-MouseEvent-clientY'>clientY</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-MouseEvent-ctrlKey'>ctrlKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-MouseEvent-shiftKey'>shiftKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-MouseEvent-altKey'>altKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-MouseEvent-metaKey'>metaKey</a>;
+ readonly attribute unsigned short <a class='noxref' href='#events-Events-MouseEvent-button'>button</a>;
+ readonly attribute <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> <a class='noxref' href='#events-Events-MouseEvent-relatedTarget'>relatedTarget</a>;
+ void <a class='noxref' href='#events-Events-Event-initMouseEvent'>initMouseEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in long detailArg,
+ in long screenXArg,
+ in long screenYArg,
+ in long clientXArg,
+ in long clientYArg,
+ in boolean ctrlKeyArg,
+ in boolean altKeyArg,
+ in boolean shiftKeyArg,
+ in boolean metaKeyArg,
+ in unsigned short buttonArg,
+ in <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> relatedTargetArg);
+ // Introduced in DOM Level 3:
+ boolean <a class='noxref' href='#events-Events-MouseEvent-getModifierState'>getModifierState</a>(in DOMString keyIdentifierArg);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initMouseEventNS'>initMouseEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in long detailArg,
+ in long screenXArg,
+ in long screenYArg,
+ in long clientXArg,
+ in long clientYArg,
+ in unsigned short buttonArg,
+ in <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> relatedTargetArg,
+ in DOMString modifiersList);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Attributes</b></dt>
+<dd>
+<dl>
+<dt><code class='attribute-name'><a name='events-Events-MouseEvent-altKey' id="events-Events-MouseEvent-altKey">altKey</a></code> of type <code>boolean</code>, readonly</dt>
+<dd><code>true</code> if the alt (alternative) key modifier is activated.
+<p><b>Note:</b> The Option key modifier on Macintosh systems must be represented using this key modifier.</p>
+</dd>
+<dt><code class='attribute-name'><a name='events-Events-MouseEvent-button' id="events-Events-MouseEvent-button">button</a></code> of type <code>unsigned short</code>, readonly</dt>
+<dd>During mouse events caused by the depression or release of a mouse button, <code>button</code> is used to indicate which mouse button changed state. <code>0</code> indicates the normal button of the mouse (in general on the left or the one button on Macintosh mice, used to activate a button or select text). <code>2</code> indicates the contextual property (in general on the right, used to display a context menu) button of the mouse if present. <code>1</code> indicates the extra (in general in the middle and often combined with the mouse wheel) button. Some mice may provide or simulate more buttons, and values higher than <code>2</code> can be used to represent such buttons.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MouseEvent-clientX' id="events-Events-MouseEvent-clientX">clientX</a></code> of type <code>long</code>, readonly</dt>
+<dd>The horizontal coordinate at which the event occurred relative to the DOM implementation's client area.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MouseEvent-clientY' id="events-Events-MouseEvent-clientY">clientY</a></code> of type <code>long</code>, readonly</dt>
+<dd>The vertical coordinate at which the event occurred relative to the DOM implementation's client area.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MouseEvent-ctrlKey' id="events-Events-MouseEvent-ctrlKey">ctrlKey</a></code> of type <code>boolean</code>, readonly</dt>
+<dd><code>true</code> if the control (Ctrl) key modifier is activated.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MouseEvent-metaKey' id="events-Events-MouseEvent-metaKey">metaKey</a></code> of type <code>boolean</code>, readonly</dt>
+<dd><code>true</code> if the meta (Meta) key modifier is activated.
+<p><b>Note:</b> The Command key modifier on Macintosh system must be represented using this meta key.</p>
+</dd>
+<dt><code class='attribute-name'><a name='events-Events-MouseEvent-relatedTarget' id="events-Events-MouseEvent-relatedTarget">relatedTarget</a></code> of type <a href='#events-Events-EventTarget'><code>EventTarget</code></a>, readonly</dt>
+<dd>Used to identify a secondary <a href='#events-Events-EventTarget'><code>EventTarget</code></a> related to a UI event, depending on the type of event.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MouseEvent-screenX' id="events-Events-MouseEvent-screenX">screenX</a></code> of type <code>long</code>, readonly</dt>
+<dd>The horizontal coordinate at which the event occurred relative to the origin of the screen coordinate system.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MouseEvent-screenY' id="events-Events-MouseEvent-screenY">screenY</a></code> of type <code>long</code>, readonly</dt>
+<dd>The vertical coordinate at which the event occurred relative to the origin of the screen coordinate system.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MouseEvent-shiftKey' id="events-Events-MouseEvent-shiftKey">shiftKey</a></code> of type <code>boolean</code>, readonly</dt>
+<dd><code>true</code> if the shift (Shift) key modifier is activated.<br /></dd>
+</dl>
+</dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-MouseEvent-getModifierState' id="events-Events-MouseEvent-getModifierState">getModifierState</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>This methods queries the state of a modifier using a key identifier. See also <a href='#keyset-Modifiers'>Modifier keys</a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>keyIdentifierArg</code> of type <code>DOMString</code></dt>
+<dd>A modifier key identifier, as defined by the <a href='#events-Events-KeyboardEvent-keyIdentifier'><code>KeyboardEvent.keyIdentifier</code></a> attribute. Common modifier keys are <code>"Alt"</code>, <code>"AltGraph"</code>, <code>"CapsLock"</code>, <code>"Control"</code>, <code>"Meta"</code>, <code>"NumLock"</code>, <code>"Scroll"</code>, or <code>"Shift"</code>.
+<p><b>Note:</b> If an application wishes to distinguish between right and left modifiers, this information could be deduced using keyboard events and <a href='#events-Events-KeyboardEvent-keylocation'><code>KeyboardEvent.keyLocation</code></a>.</p>
+</dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div class='return'><b>Return Value</b>
+<div class='returntable'>
+<table summary='Layout table: the first cell contains the type of the return value, the second contains a short description' border='0'>
+<tr>
+<td valign='top'>
+<p><code>boolean</code></p>
+</td>
+<td>
+<p><code>true</code> if it is modifier key and the modifier is activated, <code>false</code> otherwise.</p>
+</td>
+</tr>
+</table>
+</div>
+</div>
+<!-- return -->
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-Event-initMouseEvent' id="events-Events-Event-initMouseEvent">initMouseEvent</a></code></dt>
+<dd>
+<div class='method'>The <code>initMouseEvent</code> method is used to initialize the value of a <code>MouseEvent</code> object and has the same behavior as <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>viewArg</code> of type <code>views::AbstractView</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>detailArg</code> of type <code>long</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>screenXArg</code> of type <code>long</code></dt>
+<dd>Specifies <a href='#events-Events-MouseEvent-screenX'><code>MouseEvent.screenX</code></a>.<br /></dd>
+<dt><code class='parameter-name'>screenYArg</code> of type <code>long</code></dt>
+<dd>Specifies <a href='#events-Events-MouseEvent-screenY'><code>MouseEvent.screenY</code></a>.<br /></dd>
+<dt><code class='parameter-name'>clientXArg</code> of type <code>long</code></dt>
+<dd>Specifies <a href='#events-Events-MouseEvent-clientX'><code>MouseEvent.clientX</code></a>.<br /></dd>
+<dt><code class='parameter-name'>clientYArg</code> of type <code>long</code></dt>
+<dd>Specifies <a href='#events-Events-MouseEvent-clientY'><code>MouseEvent.clientY</code></a>.<br /></dd>
+<dt><code class='parameter-name'>ctrlKeyArg</code> of type <code>boolean</code></dt>
+<dd>Specifies <a href='#events-Events-MouseEvent-ctrlKey'><code>MouseEvent.ctrlKey</code></a>.<br /></dd>
+<dt><code class='parameter-name'>altKeyArg</code> of type <code>boolean</code></dt>
+<dd>Specifies <a href='#events-Events-MouseEvent-altKey'><code>MouseEvent.altKey</code></a>.<br /></dd>
+<dt><code class='parameter-name'>shiftKeyArg</code> of type <code>boolean</code></dt>
+<dd>Specifies <a href='#events-Events-MouseEvent-shiftKey'><code>MouseEvent.shiftKey</code></a>.<br /></dd>
+<dt><code class='parameter-name'>metaKeyArg</code> of type <code>boolean</code></dt>
+<dd>Specifies <a href='#events-Events-MouseEvent-metaKey'><code>MouseEvent.metaKey</code></a>.<br /></dd>
+<dt><code class='parameter-name'>buttonArg</code> of type <code>unsigned short</code></dt>
+<dd>Specifies <a href='#events-Events-MouseEvent-button'><code>MouseEvent.button</code></a>.<br /></dd>
+<dt><code class='parameter-name'>relatedTargetArg</code> of type <a href='#events-Events-EventTarget'><code>EventTarget</code></a></dt>
+<dd>Specifies <a href='#events-Events-MouseEvent-relatedTarget'><code>MouseEvent.relatedTarget</code></a>.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-Event-initMouseEventNS' id="events-Events-Event-initMouseEventNS">initMouseEventNS</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>The <code>initMouseEventNS</code> method is used to initialize the value of a <code>MouseEvent</code> object and has the same behavior as <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURI</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>viewArg</code> of type <code>views::AbstractView</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>detailArg</code> of type <code>long</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>screenXArg</code> of type <code>long</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMouseEvent'><code>MouseEvent.initMouseEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>screenYArg</code> of type <code>long</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMouseEvent'><code>MouseEvent.initMouseEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>clientXArg</code> of type <code>long</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMouseEvent'><code>MouseEvent.initMouseEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>clientYArg</code> of type <code>long</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMouseEvent'><code>MouseEvent.initMouseEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>buttonArg</code> of type <code>unsigned short</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMouseEvent'><code>MouseEvent.initMouseEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>relatedTargetArg</code> of type <a href='#events-Events-EventTarget'><code>EventTarget</code></a></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMouseEvent'><code>MouseEvent.initMouseEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>modifiersList</code> of type <code>DOMString</code></dt>
+<dd>A <a class='normative' href='http://www.w3.org/TR/2004/REC-xml-20040204/#NT-S'><em>white space</em></a> separated list of modifier key identifiers to be activated on this object. As an example, <code>"Control Alt"</code> will activated the control and alt modifiers.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+</dl>
+<p>The Mouse event types are listed below. In the case of nested elements, mouse event types are always targeted at the most deeply nested element. Ancestors of the targeted element may use bubbling to obtain notification of mouse events which occur within its descendent elements.</p>
+<p>A DOM application may use the <code>hasFeature(feature, version)</code> method of the <code>DOMImplementation</code> interface with parameter values <code>"MouseEvents"</code> and <code>"3.0"</code> (respectively) to determine whether or not the Mouse event module is supported by the implementation. In order to fully support this module, an implementation must also support the "UIEvents" feature defined in this specification. For additional information about <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/introduction.html#ID-Conformance'><em>conformance</em></a>, please see the DOM Level 3 Core specification [<cite><a class='noxref informative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>]. The DOM Level 3 Mouse Events module is built on top of the DOM Level 2 Mouse Events [<cite><a class='noxref normative' href='#references-DOM2Events'>DOM Level 2 Events</a></cite>] module, i.e. a DOM Level 3 Mouse Events implementation where <code>hasFeature("MouseEvents", "3.0")</code> returns <code>true</code> must also return <code>true</code> when the <code>version</code> number is <code>"2.0"</code>, <code>""</code> or, <code>null</code>.</p>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-click' id="events-event-click"></a><a class='noxref' href='#events-event-click'>click</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>click</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent-screenX'><code>MouseEvent.screenX</code></a>, <a href='#events-Events-MouseEvent-screenY'><code>MouseEvent.screenY</code></a>, <a href='#events-Events-MouseEvent-clientX'><code>MouseEvent.clientX</code></a>, <a href='#events-Events-MouseEvent-clientY'><code>MouseEvent.clientY</code></a>, <a href='#events-Events-MouseEvent-altKey'><code>MouseEvent.altKey</code></a>, <a href='#events-Events-MouseEvent-ctrlKey'><code>MouseEvent.ctrlKey</code></a>, <a href='#events-Events-MouseEvent-shiftKey'><code>MouseEvent.shiftKey</code></a>, <a href='#events-Events-MouseEvent-metaKey'><code>MouseEvent.metaKey</code></a>, <a href='#events-Events-MouseEvent-button'><code>MouseEvent.button</code></a>, and <a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> are in use. The <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> attribute indicates the number of consecutive clicks of a pointing device button during a user action. The attribute value is <code>1</code> when the user begins this action and increments by <code>1</code> for each click. The notion of consecutive clicks depends on the environment configuration. For example, a "double click" will not happen if there is a long delay between the two clicks, even if the pointing device did not move.</td>
+</tr>
+</table>
+A pointing device button is clicked over an element. The definition of a click depends on the environment configuration; i.e. may depend on the screen location or the delay between the press and release of the pointing device button. In any case, the target node must be the same between the <a href='#events-event-mousedown'>mousedown</a>, <a href='#events-event-mouseup'>mouseup</a>, and <a href='#events-event-click'>click</a>. The sequence of these events is: <a href='#events-event-mousedown'>mousedown</a>, <a href='#events-event-mouseup'>mouseup</a>, and <a href='#events-event-click'>click</a>. It depends on the environment configuration whether the event type <a href='#events-event-click'>click</a> can occur if one or more of the event types <a href='#events-event-mouseover'>mouseover</a>, <a href='#events-event-mousemove'>mousemove</a>, and <a href='#events-event-mouseout'>mouseout</a> occur between the press and release of the pointing device button. In the case of nested elements, this event type is always targeted at the most deeply nested element.
+<div style='color: red'>(<i><b>ED:</b></i> There is an open issue <a class='normative' href='http://www.w3.org/2005/06/tracker/webapi/issues/9'>ISSUE-9</a> concerned with making <a href='#events-event-click'>click</a> more generic. )</div>
+</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-mousedown' id="events-event-mousedown"></a><a class='noxref' href='#events-event-mousedown'>mousedown</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>mousedown</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent-screenX'><code>MouseEvent.screenX</code></a>, <a href='#events-Events-MouseEvent-screenY'><code>MouseEvent.screenY</code></a>, <a href='#events-Events-MouseEvent-clientX'><code>MouseEvent.clientX</code></a>, <a href='#events-Events-MouseEvent-clientY'><code>MouseEvent.clientY</code></a>, <a href='#events-Events-MouseEvent-altKey'><code>MouseEvent.altKey</code></a>, <a href='#events-Events-MouseEvent-ctrlKey'><code>MouseEvent.ctrlKey</code></a>, <a href='#events-Events-MouseEvent-shiftKey'><code>MouseEvent.shiftKey</code></a>, <a href='#events-Events-MouseEvent-metaKey'><code>MouseEvent.metaKey</code></a>, <a href='#events-Events-MouseEvent-button'><code>MouseEvent.button</code></a>, and <a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> are in use. The <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> attribute indicates the number of consecutive clicks, incremented by one, of a pointing device button during a user action. For example, if no click happened before the mousedown, <a class='noxref' href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> will contain the value <code>1</code>.</td>
+</tr>
+</table>
+A pointing device button is pressed over an element. In the case of nested elements, this event type is always targeted at the most deeply nested element.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-mouseup' id="events-event-mouseup"></a><a class='noxref' href='#events-event-mouseup'>mouseup</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>mouseup</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent-screenX'><code>MouseEvent.screenX</code></a>, <a href='#events-Events-MouseEvent-screenY'><code>MouseEvent.screenY</code></a>, <a href='#events-Events-MouseEvent-clientX'><code>MouseEvent.clientX</code></a>, <a href='#events-Events-MouseEvent-clientY'><code>MouseEvent.clientY</code></a>, <a href='#events-Events-MouseEvent-altKey'><code>MouseEvent.altKey</code></a>, <a href='#events-Events-MouseEvent-ctrlKey'><code>MouseEvent.ctrlKey</code></a>, <a href='#events-Events-MouseEvent-shiftKey'><code>MouseEvent.shiftKey</code></a>, <a href='#events-Events-MouseEvent-metaKey'><code>MouseEvent.metaKey</code></a>, <a href='#events-Events-MouseEvent-button'><code>MouseEvent.button</code></a>, and <a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> are in use. The <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> attribute indicates the number of consecutive clicks, incremented by one, of a pointing device button during a user action.</td>
+</tr>
+</table>
+A pointing device button is released over an element. In the case of nested elements, this event type is always targeted at the most deeply nested element.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-mouseover' id="events-event-mouseover"></a><a class='noxref' href='#events-event-mouseover'>mouseover</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>mouseover</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent-screenX'><code>MouseEvent.screenX</code></a>, <a href='#events-Events-MouseEvent-screenY'><code>MouseEvent.screenY</code></a>, <a href='#events-Events-MouseEvent-clientX'><code>MouseEvent.clientX</code></a>, <a href='#events-Events-MouseEvent-clientY'><code>MouseEvent.clientY</code></a>, <a href='#events-Events-MouseEvent-altKey'><code>MouseEvent.altKey</code></a>, <a href='#events-Events-MouseEvent-ctrlKey'><code>MouseEvent.ctrlKey</code></a>, <a href='#events-Events-MouseEvent-shiftKey'><code>MouseEvent.shiftKey</code></a>, <a href='#events-Events-MouseEvent-metaKey'><code>MouseEvent.metaKey</code></a>, and <a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> are in use. <a href='#events-Events-MouseEvent-relatedTarget'><code>MouseEvent.relatedTarget</code></a> indicates the <a href='#glossary-dt-event-target'>event target</a> a pointing device is exiting, if any.</td>
+</tr>
+</table>
+A pointing device is moved onto an element. In the case of nested elements, this event type is always targeted at the most deeply nested element.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-mousemove' id="events-event-mousemove"></a><a class='noxref' href='#events-event-mousemove'>mousemove</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>mousemove</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent-screenX'><code>MouseEvent.screenX</code></a>, <a href='#events-Events-MouseEvent-screenY'><code>MouseEvent.screenY</code></a>, <a href='#events-Events-MouseEvent-clientX'><code>MouseEvent.clientX</code></a>, <a href='#events-Events-MouseEvent-clientY'><code>MouseEvent.clientY</code></a>, <a href='#events-Events-MouseEvent-altKey'><code>MouseEvent.altKey</code></a>, <a href='#events-Events-MouseEvent-ctrlKey'><code>MouseEvent.ctrlKey</code></a>, <a href='#events-Events-MouseEvent-shiftKey'><code>MouseEvent.shiftKey</code></a>, <a href='#events-Events-MouseEvent-metaKey'><code>MouseEvent.metaKey</code></a>, and <a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> are in use.</td>
+</tr>
+</table>
+A pointing device is moved while it is over an element. In the case of nested elements, this event type is always targeted at the most deeply nested element.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-mouseout' id="events-event-mouseout"></a><a class='noxref' href='#events-event-mouseout'>mouseout</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>mouseout</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent-screenX'><code>MouseEvent.screenX</code></a>, <a href='#events-Events-MouseEvent-screenY'><code>MouseEvent.screenY</code></a>, <a href='#events-Events-MouseEvent-clientX'><code>MouseEvent.clientX</code></a>, <a href='#events-Events-MouseEvent-clientY'><code>MouseEvent.clientY</code></a>, <a href='#events-Events-MouseEvent-altKey'><code>MouseEvent.altKey</code></a>, <a href='#events-Events-MouseEvent-ctrlKey'><code>MouseEvent.ctrlKey</code></a>, <a href='#events-Events-MouseEvent-shiftKey'><code>MouseEvent.shiftKey</code></a>, <a href='#events-Events-MouseEvent-metaKey'><code>MouseEvent.metaKey</code></a>, and <a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> are in use. <a href='#events-Events-MouseEvent-relatedTarget'><code>MouseEvent.relatedTarget</code></a> indicates the <a href='#glossary-dt-event-target'>event target</a> a pointing device is entering, if any.</td>
+</tr>
+</table>
+A pointing device is moved away from an element. In the case of nested elements, this event type is always targeted at the most deeply nested element.</dd>
+</dl>
+</div>
+<p>As an example, a "double click" on a mouse device will produce the following events (the value of <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> is indicated in parenthesis):</p>
+<ol>
+<li><code>"mousedown"</code> (<code>1</code>)</li>
+<li><code>"mouseup"</code> (<code>1</code>)</li>
+<li><code>"click"</code> (<code>1</code>)</li>
+<li><code>"mousedown"</code> (<code>2</code>)</li>
+<li><code>"mouseup"</code> (<code>2</code>)</li>
+<li><code>"click"</code> (<code>2</code>)</li>
+</ol>
+</div>
+<!-- div3 Events-eventgroupings-mouseevents -->
+<div class='div3'><a name='events-Events-KeyboardEvents-Interfaces' id="events-Events-KeyboardEvents-Interfaces"></a>
+<h3 id='events-Events-KeyboardEvents-Interfaces-h3' class='div3'>1.8.4 Keyboard event types</h3>
+<p>Keyboard events are device dependent, i.e. they rely on the capabilities of the input devices and how they are mapped in the operating systems. It is therefore highly recommended to rely on <a href='#events-Events-TextEvent'>Text events types</a> when dealing with character input.</p>
+<dl>
+<dt><b>Interface <i><a name='events-Events-KeyboardEvent' id="events-Events-KeyboardEvent">KeyboardEvent</a></i></b> (introduced in <b class='since'>DOM Level 3</b>)</dt>
+<dd>
+<p>The <code>KeyboardEvent</code> interface provides specific contextual information associated with keyboard devices. Each keyboard event references a key using an identifier. Keyboard events are commonly directed at the element that has the focus.</p>
+<p>The <code>KeyboardEvent</code> interface provides convenient attributes for some common modifiers keys: <a href='#events-Events-KeyboardEvent-ctrlKey'><code>KeyboardEvent.ctrlKey</code></a>, <a href='#events-Events-KeyboardEvent-shiftKey'><code>KeyboardEvent.shiftKey</code></a>, <a href='#events-Events-KeyboardEvent-altKey'><code>KeyboardEvent.altKey</code></a>, <a href='#events-Events-KeyboardEvent-metaKey'><code>KeyboardEvent.metaKey</code></a>. These attributes are equivalent to use the method <a href='#events-Events-KeyboardEvent-getModifierState'><code>KeyboardEvent.getModifierState(keyIdentifierArg)</code></a> with "Control", "Shift", "Alt", or "Meta" respectively.</p>
+<p>To create an instance of the <code>KeyboardEvent</code> interface, use the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("KeyboardEvent")</code></a> method call.</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 3:
+interface <a class='noxref' href='#events-Events-KeyboardEvent'>KeyboardEvent</a> : <a class='noxref' href='#events-Events-UIEvent'>UIEvent</a> {
+
+ // KeyLocationCode
+ const unsigned long <a class='noxref' href='#events-DOM_KEY_LOCATION_STANDARD'>DOM_KEY_LOCATION_STANDARD</a> = 0x00;
+ const unsigned long <a class='noxref' href='#events-DOM_KEY_LOCATION_LEFT'>DOM_KEY_LOCATION_LEFT</a> = 0x01;
+ const unsigned long <a class='noxref' href='#events-DOM_KEY_LOCATION_RIGHT'>DOM_KEY_LOCATION_RIGHT</a> = 0x02;
+ const unsigned long <a class='noxref' href='#events-DOM_KEY_LOCATION_NUMPAD'>DOM_KEY_LOCATION_NUMPAD</a> = 0x03;
+
+ readonly attribute DOMString <a class='noxref' href='#events-Events-KeyboardEvent-keyIdentifier'>keyIdentifier</a>;
+ readonly attribute unsigned long <a class='noxref' href='#events-Events-KeyboardEvent-keylocation'>keyLocation</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-KeyboardEvent-ctrlKey'>ctrlKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-KeyboardEvent-shiftKey'>shiftKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-KeyboardEvent-altKey'>altKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-KeyboardEvent-metaKey'>metaKey</a>;
+ boolean <a class='noxref' href='#events-Events-KeyboardEvent-getModifierState'>getModifierState</a>(in DOMString keyIdentifierArg);
+ void <a class='noxref' href='#events-Events-KeyboardEvent-initKeyboardEvent'>initKeyboardEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in DOMString keyIdentifierArg,
+ in unsigned long keyLocationArg,
+ in DOMString modifiersList);
+ void <a class='noxref' href='#events-Events-KeyboardEvent-initKeyboardEventNS'>initKeyboardEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in DOMString keyIdentifierArg,
+ in unsigned long keyLocationArg,
+ in DOMString modifiersList);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Definition group <i><a name='events-ID-KeyboardEvent-KeyLocationCode' id="events-ID-KeyboardEvent-KeyLocationCode">KeyLocationCode</a></i></b></dt>
+<dd>
+<p>This set of constants is used to indicate the location of a key on the device. In case a DOM implementation wishes to provide a new location information, a value different from the following constant values must be used.</p>
+<dl>
+<dt><b>Defined Constants</b></dt>
+<dd>
+<dl>
+<dt><a name='events-DOM_KEY_LOCATION_LEFT' id="events-DOM_KEY_LOCATION_LEFT"><code class='constant-name'>DOM_KEY_LOCATION_LEFT</code></a></dt>
+<dd>The key activated is in the left key location (there is more than one possible location for this key). Example: the left Shift key on a PC 101 Key US keyboard.</dd>
+<dt><a name='events-DOM_KEY_LOCATION_NUMPAD' id="events-DOM_KEY_LOCATION_NUMPAD"><code class='constant-name'>DOM_KEY_LOCATION_NUMPAD</code></a></dt>
+<dd>The key activation originated on the numeric keypad or with a virtual key corresponding to the numeric keypad. Example: the '1' key on a PC 101 Key US keyboard located on the numeric pad.</dd>
+<dt><a name='events-DOM_KEY_LOCATION_RIGHT' id="events-DOM_KEY_LOCATION_RIGHT"><code class='constant-name'>DOM_KEY_LOCATION_RIGHT</code></a></dt>
+<dd>The key activation is in the right key location (there is more than one possible location for this key). Example: the right Shift key on a PC 101 Key US keyboard.</dd>
+<dt><a name='events-DOM_KEY_LOCATION_STANDARD' id="events-DOM_KEY_LOCATION_STANDARD"><code class='constant-name'>DOM_KEY_LOCATION_STANDARD</code></a></dt>
+<dd>The key activation is not distinguished as the left or right version of the key, and did not originate from the numeric keypad (or did not originate with a virtual key corresponding to the numeric keypad). Example: the 'Q' key on a PC 101 Key US keyboard.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt><b>Attributes</b></dt>
+<dd>
+<dl>
+<dt><code class='attribute-name'><a name='events-Events-KeyboardEvent-altKey' id="events-Events-KeyboardEvent-altKey">altKey</a></code> of type <code>boolean</code>, readonly</dt>
+<dd><code>true</code> if the alternative (Alt) key modifier is activated.
+<p><b>Note:</b> The Option key modifier on Macintosh systems must be represented using this key modifier.</p>
+</dd>
+<dt><code class='attribute-name'><a name='events-Events-KeyboardEvent-ctrlKey' id="events-Events-KeyboardEvent-ctrlKey">ctrlKey</a></code> of type <code>boolean</code>, readonly</dt>
+<dd><code>true</code> if the control (Ctrl) key modifier is activated.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-KeyboardEvent-keyIdentifier' id="events-Events-KeyboardEvent-keyIdentifier">keyIdentifier</a></code> of type <code>DOMString</code>, readonly</dt>
+<dd><code>keyIdentifier</code> holds the identifier of the key. The key identifiers are defined in Appendix A.2 "<a href='#keyset-KeySet-Set'>Key identifiers set</a>". Implementations that are unable to identify a key must use the key identifier <code>"Unidentified"</code>.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-KeyboardEvent-keylocation' id="events-Events-KeyboardEvent-keylocation">keyLocation</a></code> of type <code>unsigned long</code>, readonly</dt>
+<dd>The <code>keyLocation</code> attribute contains an indication of the location of they key on the device, as described in <a href='#events-ID-KeyboardEvent-KeyLocationCode'>Keyboard event types</a>.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-KeyboardEvent-metaKey' id="events-Events-KeyboardEvent-metaKey">metaKey</a></code> of type <code>boolean</code>, readonly</dt>
+<dd><code>true</code> if the meta (Meta) key modifier is activated.
+<p><b>Note:</b> The Command key modifier on Macintosh systems must be represented using this key modifier.</p>
+</dd>
+<dt><code class='attribute-name'><a name='events-Events-KeyboardEvent-shiftKey' id="events-Events-KeyboardEvent-shiftKey">shiftKey</a></code> of type <code>boolean</code>, readonly</dt>
+<dd><code>true</code> if the shift (Shift) key modifier is activated.<br /></dd>
+</dl>
+</dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-KeyboardEvent-getModifierState' id="events-Events-KeyboardEvent-getModifierState">getModifierState</a></code></dt>
+<dd>
+<div class='method'>This methods queries the state of a modifier using a key identifier. See also <a href='#keyset-Modifiers'>Modifier keys</a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>keyIdentifierArg</code> of type <code>DOMString</code></dt>
+<dd>A modifier key identifier. Common modifier keys are <code>"Alt"</code>, <code>"AltGraph"</code>, <code>"CapsLock"</code>, <code>"Control"</code>, <code>"Meta"</code>, <code>"NumLock"</code>, <code>"Scroll"</code>, or <code>"Shift"</code>.
+<p><b>Note:</b> If an application wishes to distinguish between right and left modifiers, this information could be deduced using keyboard events and <a href='#events-Events-KeyboardEvent-keylocation'><code>KeyboardEvent.keyLocation</code></a>.</p>
+</dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div class='return'><b>Return Value</b>
+<div class='returntable'>
+<table summary='Layout table: the first cell contains the type of the return value, the second contains a short description' border='0'>
+<tr>
+<td valign='top'>
+<p><code>boolean</code></p>
+</td>
+<td>
+<p><code>true</code> if it is modifier key and the modifier is activated, <code>false</code> otherwise.</p>
+</td>
+</tr>
+</table>
+</div>
+</div>
+<!-- return -->
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-KeyboardEvent-initKeyboardEvent' id="events-Events-KeyboardEvent-initKeyboardEvent">initKeyboardEvent</a></code></dt>
+<dd>
+<div class='method'>The <code>initKeyboardEvent</code> method is used to initialize the value of a <code>KeyboardEvent</code> object and has the same behavior as <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a>. The value of <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> remains undefined.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>viewArg</code> of type <code>views::AbstractView</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEvent'><code>UIEvent.initUIEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>keyIdentifierArg</code> of type <code>DOMString</code></dt>
+<dd>Specifies <a href='#events-Events-KeyboardEvent-keyIdentifier'><code>KeyboardEvent.keyIdentifier</code></a>.<br /></dd>
+<dt><code class='parameter-name'>keyLocationArg</code> of type <code>unsigned long</code></dt>
+<dd>Specifies <a href='#events-Events-KeyboardEvent-keylocation'><code>KeyboardEvent.keyLocation</code></a>.<br /></dd>
+<dt><code class='parameter-name'>modifiersList</code> of type <code>DOMString</code></dt>
+<dd>A <a class='normative' href='http://www.w3.org/TR/2004/REC-xml-20040204/#NT-S'><em>white space</em></a> separated list of modifier key identifiers to be activated on this object.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-KeyboardEvent-initKeyboardEventNS' id="events-Events-KeyboardEvent-initKeyboardEventNS">initKeyboardEventNS</a></code></dt>
+<dd>
+<div class='method'>The <code>initKeyboardEventNS</code> method is used to initialize the value of a <code>KeyboardEvent</code> object and has the same behavior as <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a>. The value of <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> remains undefined.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURI</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>viewArg</code> of type <code>views::AbstractView</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>keyIdentifierArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-KeyboardEvent-initKeyboardEvent'><code>KeyboardEvent.initKeyboardEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>keyLocationArg</code> of type <code>unsigned long</code></dt>
+<dd>Refer to the <a href='#events-Events-KeyboardEvent-initKeyboardEvent'><code>KeyboardEvent.initKeyboardEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>modifiersList</code> of type <code>DOMString</code></dt>
+<dd>A <a class='normative' href='http://www.w3.org/TR/2004/REC-xml-20040204/#NT-S'><em>white space</em></a> separated list of modifier key identifiers to be activated on this object. As an example, <code>"Control Alt"</code> will activated the control and alt modifiers.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+</dl>
+<p>Depending on the character generation device, keyboard events may or may not be generated.</p>
+<p>The keyboard event types are listed below. A DOM application may use the <code>hasFeature(feature, version)</code> method of the <code>DOMImplementation</code> interface with parameter values <code>"KeyboardEvents"</code> and <code>"3.0"</code> (respectively) to determine whether or not the Keyboard event module is supported by the implementation. In order to fully support this module, an implementation must also support the <code>"UIEvents"</code> feature defined in this specification. For additional information about <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/introduction.html#ID-Conformance'><em>conformance</em></a>, please see the DOM Level 3 Core specification [<cite><a class='noxref informative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>].</p>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-keydown' id="events-event-keydown"></a><a class='noxref' href='#events-event-keydown'>keydown</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>keydown</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-KeyboardEvent'><code>KeyboardEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a>, <a href='#events-Events-KeyboardEvent-keyIdentifier'><code>KeyboardEvent.keyIdentifier</code></a>, <a href='#events-Events-KeyboardEvent-keylocation'><code>KeyboardEvent.keyLocation</code></a>, <a href='#events-Events-KeyboardEvent-altKey'><code>KeyboardEvent.altKey</code></a>, <a href='#events-Events-KeyboardEvent-shiftKey'><code>KeyboardEvent.shiftKey</code></a>, <a href='#events-Events-KeyboardEvent-ctrlKey'><code>KeyboardEvent.ctrlKey</code></a>, and <a href='#events-Events-KeyboardEvent-metaKey'><code>KeyboardEvent.metaKey</code></a> are in use.</td>
+</tr>
+</table>
+A key is pressed down. This event type is device dependent and relies on the capabilities of the input devices and how they are mapped in the operating system. This event type is generated after the keyboard mapping but before the processing of an <a href='#keyset-dt-ime'>input method editor</a>. This event should logically happen before the event <a href='#events-event-keyup'>keyup</a> is produced. Whether a <a href='#events-event-keydown'>keydown</a> contributes or not to the generation of a text event is implementation dependent.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-keyup' id="events-event-keyup"></a><a class='noxref' href='#events-event-keyup'>keyup</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>keyup</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-KeyboardEvent'><code>KeyboardEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a>, <a href='#events-Events-KeyboardEvent-keyIdentifier'><code>KeyboardEvent.keyIdentifier</code></a>, and <a href='#events-Events-KeyboardEvent-keylocation'><code>KeyboardEvent.keyLocation</code></a> are in use. <a href='#events-Events-KeyboardEvent-altKey'><code>KeyboardEvent.altKey</code></a>, <a href='#events-Events-KeyboardEvent-shiftKey'><code>KeyboardEvent.shiftKey</code></a>, <a href='#events-Events-KeyboardEvent-ctrlKey'><code>KeyboardEvent.ctrlKey</code></a>, and <a href='#events-Events-KeyboardEvent-metaKey'><code>KeyboardEvent.metaKey</code></a> are in use unless the <a class='noxref' href='#events-Events-KeyboardEvent-keyIdentifier'><code>KeyboardEvent.keyIdentifier</code></a> corresponds to the key modifier itself.</td>
+</tr>
+</table>
+A key is released. This event type is device dependent and relies on the capabilities of the input devices and how they are mapped in the operating system. This event type is generated after the keyboard mapping but before the processing of an <a href='#keyset-dt-ime'>input method editor</a>. This event should logically happen after the event <a href='#events-event-keydown'>keydown</a> is produced. Whether a keyup contributes or not to the generation of a text event is implementation dependent.</dd>
+</dl>
+</div>
+</div>
+<!-- div3 Events-KeyboardEvents-Interfaces -->
+<div class='div3'><a name='events-Events-eventgroupings-mutationevents' id="events-Events-eventgroupings-mutationevents"></a>
+<h3 id='events-Events-eventgroupings-mutationevents-h3' class='div3'>1.8.5 Mutation and mutation name event types</h3>
+<p>The mutation and mutation name event modules are designed to allow notification of any changes to the structure of a document, including attribute, text, or name modifications. It may be noted that none of the event types associated with the modules are designated as cancelable. This stems from the fact that it is very difficult to make use of existing DOM interfaces which cause document modifications if any change to the document might or might not take place due to cancelation of the resulting event. Although this is still a desired capability, it was decided that it would be better left until the addition of transactions into the DOM.</p>
+<p>Many single modifications of the tree can cause multiple mutation events to be dispatched. Rather than attempt to specify the ordering of mutation events due to every possible modification of the tree, the ordering of these events is left to the implementation.</p>
+<dl>
+<dt><b>Interface <i><a name='events-Events-MutationEvent' id="events-Events-MutationEvent">MutationEvent</a></i></b> (introduced in <b class='since'>DOM Level 2</b>)</dt>
+<dd>
+<p>The <code>MutationEvent</code> interface provides specific contextual information associated with Mutation events.</p>
+<p>To create an instance of the <code>MutationEvent</code> interface, use the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("MutationEvent")</code></a> method call.</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 2:
+interface <a class='noxref' href='#events-Events-MutationEvent'>MutationEvent</a> : <a class='noxref' href='#events-Events-Event'>Event</a> {
+
+ // attrChangeType
+ const unsigned short <a class='noxref' href='#events-MODIFICATION'>MODIFICATION</a> = 1;
+ const unsigned short <a class='noxref' href='#events-ADDITION'>ADDITION</a> = 2;
+ const unsigned short <a class='noxref' href='#events-REMOVAL'>REMOVAL</a> = 3;
+
+ readonly attribute Node <a class='noxref' href='#events-Events-MutationEvent-relatedNode'>relatedNode</a>;
+ readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-prevValue'>prevValue</a>;
+ readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-newValue'>newValue</a>;
+ readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-attrName'>attrName</a>;
+ readonly attribute unsigned short <a class='noxref' href='#events-Events-MutationEvent-attrChange'>attrChange</a>;
+ void <a class='noxref' href='#events-Events-Event-initMutationEvent'>initMutationEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in Node relatedNodeArg,
+ in DOMString prevValueArg,
+ in DOMString newValueArg,
+ in DOMString attrNameArg,
+ in unsigned short attrChangeArg);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initMutationEventNS'>initMutationEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in Node relatedNodeArg,
+ in DOMString prevValueArg,
+ in DOMString newValueArg,
+ in DOMString attrNameArg,
+ in unsigned short attrChangeArg);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Definition group <i><a name='events-Events-MutationEvent-attrChangeType' id="events-Events-MutationEvent-attrChangeType">attrChangeType</a></i></b></dt>
+<dd>
+<p>An integer indicating in which way the <code>Attr</code> was changed.</p>
+<dl>
+<dt><b>Defined Constants</b></dt>
+<dd>
+<dl>
+<dt><a name='events-ADDITION' id="events-ADDITION"><code class='constant-name'>ADDITION</code></a></dt>
+<dd>The <code>Attr</code> was just added.</dd>
+<dt><a name='events-MODIFICATION' id="events-MODIFICATION"><code class='constant-name'>MODIFICATION</code></a></dt>
+<dd>The <code>Attr</code> was modified in place.</dd>
+<dt><a name='events-REMOVAL' id="events-REMOVAL"><code class='constant-name'>REMOVAL</code></a></dt>
+<dd>The <code>Attr</code> was just removed.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt><b>Attributes</b></dt>
+<dd>
+<dl>
+<dt><code class='attribute-name'><a name='events-Events-MutationEvent-attrChange' id="events-Events-MutationEvent-attrChange">attrChange</a></code> of type <code>unsigned short</code>, readonly</dt>
+<dd><code>attrChange</code> indicates the type of change which triggered the <a href='#events-event-DOMAttrModified'>DOMAttrModified</a> event. The values can be <code>MODIFICATION</code>, <code>ADDITION</code>, or <code>REMOVAL</code>.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MutationEvent-attrName' id="events-Events-MutationEvent-attrName">attrName</a></code> of type <code>DOMString</code>, readonly</dt>
+<dd><code>attrName</code> indicates the name of the changed <code>Attr</code> node in a <a href='#events-event-DOMAttrModified'>DOMAttrModified</a> event.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MutationEvent-newValue' id="events-Events-MutationEvent-newValue">newValue</a></code> of type <code>DOMString</code>, readonly</dt>
+<dd><code>newValue</code> indicates the new value of the <code>Attr</code> node in <a href='#events-event-DOMAttrModified'>DOMAttrModified</a> events, and of the <code>CharacterData</code> node in <a href='#events-event-DOMCharacterDataModified'>DOMCharacterDataModified</a> events.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MutationEvent-prevValue' id="events-Events-MutationEvent-prevValue">prevValue</a></code> of type <code>DOMString</code>, readonly</dt>
+<dd><code>prevValue</code> indicates the previous value of the <code>Attr</code> node in <a href='#events-event-DOMAttrModified'>DOMAttrModified</a> events, and of the <code>CharacterData</code> node in <a href='#events-event-DOMCharacterDataModified'>DOMCharacterDataModified</a> events.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MutationEvent-relatedNode' id="events-Events-MutationEvent-relatedNode">relatedNode</a></code> of type <code>Node</code>, readonly</dt>
+<dd><code>relatedNode</code> is used to identify a secondary node related to a mutation event. For example, if a mutation event is dispatched to a node indicating that its parent has changed, the <code>relatedNode</code> is the changed parent. If an event is instead dispatched to a subtree indicating a node was changed within it, the <code>relatedNode</code> is the changed node. In the case of the <a href='#events-event-DOMAttrModified'>DOMAttrModified</a> event it indicates the <code>Attr</code> node which was modified, added, or removed.<br /></dd>
+</dl>
+</dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-Event-initMutationEvent' id="events-Events-Event-initMutationEvent">initMutationEvent</a></code></dt>
+<dd>
+<div class='method'>The <code>initMutationEvent</code> method is used to initialize the value of a <code>MutationEvent</code> object and has the same behavior as <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>relatedNodeArg</code> of type <code>Node</code></dt>
+<dd>Specifies <a href='#events-Events-MutationEvent-relatedNode'><code>MutationEvent.relatedNode</code></a>.<br /></dd>
+<dt><code class='parameter-name'>prevValueArg</code> of type <code>DOMString</code></dt>
+<dd>Specifies <a href='#events-Events-MutationEvent-prevValue'><code>MutationEvent.prevValue</code></a>. This value may be null.<br /></dd>
+<dt><code class='parameter-name'>newValueArg</code> of type <code>DOMString</code></dt>
+<dd>Specifies <a href='#events-Events-MutationEvent-newValue'><code>MutationEvent.newValue</code></a>. This value may be null.<br /></dd>
+<dt><code class='parameter-name'>attrNameArg</code> of type <code>DOMString</code></dt>
+<dd>Specifies <code>MutationEvent.attrname</code>. This value may be null.<br /></dd>
+<dt><code class='parameter-name'>attrChangeArg</code> of type <code>unsigned short</code></dt>
+<dd>Specifies <a href='#events-Events-MutationEvent-attrChange'><code>MutationEvent.attrChange</code></a>. This value may be null.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-Event-initMutationEventNS' id="events-Events-Event-initMutationEventNS">initMutationEventNS</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>The <code>initMutationEventNS</code> method is used to initialize the value of a <code>MutationEvent</code> object and has the same behavior as <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURI</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>relatedNodeArg</code> of type <code>Node</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>prevValueArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>newValueArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>attrNameArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>attrChangeArg</code> of type <code>unsigned short</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+</dl>
+<p>The mutation event types are listed below. A DOM application may use the <code>hasFeature(feature, version)</code> method of the <code>DOMImplementation</code> interface with parameter values <code>"MutationEvents"</code> and <code>"3.0"</code> (respectively) to determine whether or not the <a href='#events-Events-MutationEvent'><code>MutationEvent</code></a> is supported by the implementation. In order to fully support this module, an implementation must also support the <code>"Events"</code> feature defined in this specification. For additional information about <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/introduction.html#ID-Conformance'><em>conformance</em></a>, please see the DOM Level 3 Core specification [<cite><a class='noxref informative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>]. This <a class='noxref' href='#events-Events-MutationEvent'><code>MutationEvent</code></a> interface is built on top of the DOM Level 2 Mutation Events [<cite><a class='noxref normative' href='#references-DOM2Events'>DOM Level 2 Events</a></cite>] module, i.e. a DOM Level 3 <a class='noxref' href='#events-Events-MutationEvent'><code>MutationEvent</code></a> interface implementation where <code>hasFeature("MutationEvents","3.0")</code> returns <code>true</code> must also return <code>true</code> when the <code>version</code> number is <code>"2.0"</code>, <code>""</code> or, <code>null</code>.</p>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-DOMSubtreeModified' id="events-event-DOMSubtreeModified"></a><a class='noxref' href='#events-event-DOMSubtreeModified'>DOMSubtreeModified</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMSubtreeModified</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>DocumentFragment</code>, <code>Element</code>, <code>Attr</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'>None</td>
+</tr>
+</table>
+This is a general event for notification of all changes to the document. It can be used instead of the more specific events listed below. It may be dispatched after a single modification to the document or, at the implementation's discretion, after multiple changes have occurred. The latter use should generally be used to accommodate multiple changes which occur either simultaneously or in rapid succession. The target of this event is the lowest common parent of the changes which have taken place. This event is dispatched after any other events caused by the mutation(s) have occurred.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-DOMNodeInserted' id="events-event-DOMNodeInserted"></a><a class='noxref' href='#events-event-DOMNodeInserted'>DOMNodeInserted</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMNodeInserted</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent-relatedNode'><code>MutationEvent.relatedNode</code></a> holds the parent node of the node being inserted.</td>
+</tr>
+</table>
+A node has been added as a <a href='#glossary-dt-child'>child</a> of another node. This event is dispatched after the insertion has taken place. The <a href='#glossary-dt-target-node'>target node</a> of this event is the node being inserted.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-DOMNodeRemoved' id="events-event-DOMNodeRemoved"></a><a class='noxref' href='#events-event-DOMNodeRemoved'>DOMNodeRemoved</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMNodeRemoved</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent-relatedNode'><code>MutationEvent.relatedNode</code></a> holds the parent node of the node being removed.</td>
+</tr>
+</table>
+A node is being removed from its parent node. This event is dispatched before the node is removed from the tree. The <a href='#glossary-dt-target-node'>target node</a> of this event is the node being removed.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-DOMNodeRemovedFromDocument' id="events-event-DOMNodeRemovedFromDocument"></a><a class='noxref' href='#events-event-DOMNodeRemovedFromDocument'>DOMNodeRemovedFromDocument</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMNodeRemovedFromDocument</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'>None</td>
+</tr>
+</table>
+A node is being removed from a document, either through direct removal of the node or removal of a subtree in which it is contained. This event is dispatched before the removal takes place. The <a href='#glossary-dt-target-node'>target node</a> of this event type is the node being removed. If the node is being directly removed, the event type <a href='#events-event-DOMNodeRemoved'>DOMNodeRemoved</a> will fire before this event type.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-DOMNodeInsertedIntoDocument' id="events-event-DOMNodeInsertedIntoDocument"></a><a class='noxref' href='#events-event-DOMNodeInsertedIntoDocument'>DOMNodeInsertedIntoDocument</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMNodeInsertedIntoDocument</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'>None</td>
+</tr>
+</table>
+A node is being inserted into a document, either through direct insertion of the node or insertion of a subtree in which it is contained. This event is dispatched after the insertion has taken place. The <a href='#glossary-dt-target-node'>target node</a> of this event is the node being inserted. If the node is being directly inserted, the event type <a href='#events-event-DOMNodeInserted'>DOMNodeInserted</a> will fire before this event type.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-DOMAttrModified' id="events-event-DOMAttrModified"></a><a class='noxref' href='#events-event-DOMAttrModified'>DOMAttrModified</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMAttrModified</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent-attrName'><code>MutationEvent.attrName</code></a> is in use. The value of <a href='#events-Events-MutationEvent-relatedNode'><code>MutationEvent.relatedNode</code></a> indicates the <code>Attr</code> node whose value has been affected. The value of <a href='#events-Events-MutationEvent-attrChange'><code>MutationEvent.attrChange</code></a> indicates whether the <code>Attr</code> was modified, added, or removed. If the <code>Attr</code> node is being added, <a href='#events-Events-MutationEvent-newValue'><code>MutationEvent.newValue</code></a> is in use. If the <code>Attr</code> node is being removed, <a href='#events-Events-MutationEvent-prevValue'><code>MutationEvent.prevValue</code></a> is in value. If the <code>Attr</code> node is being modified, <a class='noxref' href='#events-Events-MutationEvent-newValue'><code>MutationEvent.newValue</code></a> and <a class='noxref' href='#events-Events-MutationEvent-prevValue'><code>MutationEvent.prevValue</code></a> are in use.</td>
+</tr>
+</table>
+Occurs after an <code>Attr</code> has been modified on a node. The <a href='#glossary-dt-target-node'>target node</a> of this event is the parent <code>Element</code> node whose <code>Attr</code> changed. It is expected that string based replacement of an <code>Attr</code> value will be viewed as a modification of the <code>Attr</code> since its identity does not change. Subsequently replacement of the <code>Attr</code> node with a different <code>Attr</code> node is viewed as the removal of the first <code>Attr</code> node and the addition of the second.
+<div style='color: red'>(<i><b>ED:</b></i> There is an <a class='normative' href='http://lists.w3.org/Archives/Member/member-webapi/2006Feb/0004.html'>open issue</a> concerned with providing additional information regarding when DOM implementations must dispatch this event type. )</div>
+</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-DOMCharacterDataModified' id="events-event-DOMCharacterDataModified"></a><a class='noxref' href='#events-event-DOMCharacterDataModified'>DOMCharacterDataModified</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMCharacterDataModified</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent-prevValue'><code>MutationEvent.prevValue</code></a>, and <a href='#events-Events-MutationEvent-newValue'><code>MutationEvent.newValue</code></a> are in use.</td>
+</tr>
+</table>
+Occurs after <code>CharacterData.data</code> or <code>ProcessingInstruction.data</code> have been modified but the node itself has not been inserted or deleted. The <a href='#glossary-dt-target-node'>target node</a> of this event is the <code>CharacterData</code> node or the <code>ProcessingInstruction</code> node.</dd>
+</dl>
+</div>
+<dl>
+<dt><b>Interface <i><a name='events-Events-MutationNameEvent' id="events-Events-MutationNameEvent">MutationNameEvent</a></i></b> (introduced in <b class='since'>DOM Level 3</b>)</dt>
+<dd>
+<p>The <code>MutationNameEvent</code> interface provides specific contextual information associated with Mutation name event types.</p>
+<p>To create an instance of the <code>MutationNameEvent</code> interface, use the <code>Document.createEvent("MutationNameEvent")</code> method call.</p>
+<dl>
+<dt><br />
+<b>IDL Definition</b></dt>
+<dd>
+<div class='idl-code'>
+<pre>
+// Introduced in DOM Level 3:
+interface <a class='noxref' href='#events-Events-MutationNameEvent'>MutationNameEvent</a> : <a class='noxref' href='#events-Events-MutationEvent'>MutationEvent</a> {
+ readonly attribute DOMString <a class='noxref' href='#events-Events-MutationNameEvent-prevNamespaceURI'>prevNamespaceURI</a>;
+ readonly attribute DOMString <a class='noxref' href='#events-Events-MutationNameEvent-prevNodeName'>prevNodeName</a>;
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initMutationNameEvent'>initMutationNameEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in Node relatedNodeArg,
+ in DOMString prevNamespaceURIArg,
+ in DOMString prevNodeNameArg);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initMutationNameEventNS'>initMutationNameEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in Node relatedNodeArg,
+ in DOMString prevNamespaceURIArg,
+ in DOMString prevNodeNameArg);
+};
+</pre></div>
+<br /></dd>
+<dt><b>Attributes</b></dt>
+<dd>
+<dl>
+<dt><code class='attribute-name'><a name='events-Events-MutationNameEvent-prevNamespaceURI' id="events-Events-MutationNameEvent-prevNamespaceURI">prevNamespaceURI</a></code> of type <code>DOMString</code>, readonly</dt>
+<dd>The previous value of the <code>relatedNode</code>'s <code>namespaceURI</code>.<br /></dd>
+<dt><code class='attribute-name'><a name='events-Events-MutationNameEvent-prevNodeName' id="events-Events-MutationNameEvent-prevNodeName">prevNodeName</a></code> of type <code>DOMString</code>, readonly</dt>
+<dd>The previous value of the <code>relatedNode</code>'s <code>nodeName</code>.<br /></dd>
+</dl>
+</dd>
+<dt><b>Methods</b></dt>
+<dd>
+<dl>
+<dt><code class='method-name'><a name='events-Events-Event-initMutationNameEvent' id="events-Events-Event-initMutationNameEvent">initMutationNameEvent</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>The <code>initMutationNameEvent</code> method is used to initialize the value of a <code>MutationNameEvent</code> object and has the same behavior as <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>relatedNodeArg</code> of type <code>Node</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>prevNamespaceURIArg</code> of type <code>DOMString</code></dt>
+<dd>Specifies <a href='#events-Events-MutationNameEvent-prevNamespaceURI'><code>MutationNameEvent.prevNamespaceURI</code></a>. This value may be <code>null</code>.<br /></dd>
+<dt><code class='parameter-name'>prevNodeNameArg</code> of type <code>DOMString</code></dt>
+<dd>Specifies <a href='#events-Events-MutationNameEvent-prevNodeName'><code>MutationNameEvent.prevNodeName</code></a>.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+<dt><code class='method-name'><a name='events-Events-Event-initMutationNameEventNS' id="events-Events-Event-initMutationNameEventNS">initMutationNameEventNS</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
+<dd>
+<div class='method'>The <code>initMutationNameEventNS</code> method is used to initialize the value of a <code>MutationNameEvent</code> object and has the same behavior as <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a>.
+<div class='parameters'><b>Parameters</b>
+<div class='paramtable'>
+<dl>
+<dt><code class='parameter-name'>namespaceURI</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>relatedNodeArg</code> of type <code>Node</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>prevNamespaceURIArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+<dt><code class='parameter-name'>prevNodeNameArg</code> of type <code>DOMString</code></dt>
+<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
+</dl>
+</div>
+</div>
+<!-- parameters -->
+<div><b>No Return Value</b></div>
+<div><b>No Exceptions</b></div>
+</div>
+<!-- method --></dd>
+</dl>
+</dd>
+</dl>
+</dd>
+</dl>
+<p>The mutation name event types are listed below. A DOM application may use the <code>hasFeature(feature, version)</code> method of the <code>DOMImplementation</code> interface with parameter values "MutationNameEvents" and "3.0" (respectively) to determine whether or not the <a href='#events-Events-MutationNameEvent'><code>MutationNameEvent</code></a> is supported by the implementation. In order to fully support this module, an implementation must also support the <code>"MutationEvents"</code> feature defined in this specification and the <code>"Core"</code> feature defined in the DOM Level 3 Core specification [<cite><a class='noxref normative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>]. For additional information about <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/introduction.html#ID-Conformance'><em>conformance</em></a>, please see the DOM Level 3 Core specification [<cite><a class='noxref informative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>].</p>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-DOMElementNameChanged' id="events-event-DOMElementNameChanged"></a><a class='noxref' href='#events-event-DOMElementNameChanged'>DOMElementNameChanged</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMElementNameChanged</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationNameEvent'><code>MutationNameEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationNameEvent-prevNamespaceURI'><code>MutationNameEvent.prevNamespaceURI</code></a>, and <a href='#events-Events-MutationNameEvent-prevNodeName'><code>MutationNameEvent.prevNodeName</code></a> are in use.</td>
+</tr>
+</table>
+Occurs after the <code>namespaceURI</code> and/or the <code>nodeName</code> of an <code>Element</code> node have been modified (e.g., the element was renamed using <code>Document.renameNode()</code>). The target of this event is the renamed <code>Element</code> node.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-DOMAttributeNameChanged' id="events-event-DOMAttributeNameChanged"></a><a class='noxref' href='#events-event-DOMAttributeNameChanged'>DOMAttributeNameChanged</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMAttributeNameChanged</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationNameEvent'><code>MutationNameEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationNameEvent-prevNamespaceURI'><code>MutationNameEvent.prevNamespaceURI</code></a>, and <a href='#events-Events-MutationNameEvent-prevNodeName'><code>MutationNameEvent.prevNodeName</code></a> are in use. The value of <a href='#events-Events-MutationEvent-relatedNode'><code>MutationEvent.relatedNode</code></a> contains the renamed <code>Attr</code> node.</td>
+</tr>
+</table>
+Occurs after the <code>namespaceURI</code> and/or the <code>nodeName</code> of a <code>Attr</code> node have been modified (e.g., the attribute was renamed using <code>Document.renameNode</code>). The target of this event is the parent <code>Element</code> node whose <code>Attr</code> has been renamed.</dd>
+</dl>
+</div>
+</div>
+<!-- div3 Events-eventgroupings-mutationevents -->
+<div class='div3'><a name='events-Events-eventgroupings-basicevents' id="events-Events-eventgroupings-basicevents"></a>
+<h3 id='events-Events-eventgroupings-basicevents-h3' class='div3'>1.8.6 Basic event types</h3>
+<p>This event module contains basic event types associated with document manipulation.</p>
+<p>A DOM application may use the <code>hasFeature(feature, version)</code> method of the <code>DOMImplementation</code> interface with parameter values <code>"BasicEvents"</code> and <code>"3.0"</code> (respectively) to determine whether or not the basic event module is supported by the implementation. In order to fully support this module, an implementation must also support the <code>"Events"</code> feature defined in this specification. For additional information about <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/introduction.html#ID-Conformance'><em>conformance</em></a>, please see the DOM Level 3 Core specification [<cite><a class='noxref informative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>].</p>
+<p>The basic event types are listed below.</p>
+<p>The event types <a href='#events-event-resize'>resize</a> and <a href='#events-event-scroll'>scroll</a> implement the <a href='#events-Events-UIEvent'><code>UIEvent</code></a> interface. All other basic event types implement at least the basic <a href='#events-Events-Event'><code>Event</code></a> interface. However, they may be generated from a user interface; in that case, the event objects also implements the <a class='noxref' href='#events-Events-UIEvent'><code>UIEvent</code></a> interface and <a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> is in use.</p>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-load' id="events-event-load"></a><a class='noxref' href='#events-event-load'>load</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>load</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
+</tr>
+</table>
+The DOM Implementation finishes loading the resource (such as the document) and any dependent resources (such as images, style sheets, or scripts). Dependent resources that fail to load will not prevent this event from firing if the resource that loaded them is still accessible via the DOM. If this event type is dispatched, implementations are required to dispatch this event at least on the <code>Document</code> node.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-unload' id="events-event-unload"></a><a class='noxref' href='#events-event-unload'>unload</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>unload</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
+</tr>
+</table>
+The DOM implementation removes from the environment the resource (such as the document) or any dependent resources (such as images, style sheets, scripts). The document is unloaded after the dispatch of this event type. If this event type is dispatched, implementations are required to dispatch this event at least on the <code>Document</code> node.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-abort' id="events-event-abort"></a><a class='noxref' href='#events-event-abort'>abort</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>abort</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
+</tr>
+</table>
+The loading of the document, or a resource linked from it, is stopped before being entirely loaded.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-error' id="events-event-error"></a><a class='noxref' href='#events-event-error'>error</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>error</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
+</tr>
+</table>
+The document, or a resource linked from it, has been loaded but cannot be interpreted according to its semantic, such as an invalid image, a script execution error, or non-well-formed XML.
+<div style='color: red'>(<i><b>ED:</b></i> See open issues <a class='normative' href='http://www.w3.org/2005/06/tracker/webapi/issues/15'>ISSUE-15</a> and <a class='normative' href='http://lists.w3.org/Archives/Member/member-webapi/2006Feb/0039'>http://lists.w3.org/Archives/Member/member-webapi/2006Feb/0039</a>. )</div>
+</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-select' id="events-event-select"></a><a class='noxref' href='#events-event-select'>select</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>select</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
+</tr>
+</table>
+A user selects some text. DOM Level 3 Events does not provide contextual information to access the selected text. The selection occured before the dispatch of this event type.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-change' id="events-event-change"></a><a class='noxref' href='#events-event-change'>change</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>change</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
+</tr>
+</table>
+A control loses the input focus and its value has been modified since gaining focus.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-submit' id="events-event-submit"></a><a class='noxref' href='#events-event-submit'>submit</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>submit</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
+</tr>
+</table>
+A form, such as [<cite><a class='noxref informative' href='#references-HTML40'>HTML 4.01</a></cite>], [<cite><a class='noxref informative' href='#references-XHTML10'>XHTML 1.0</a></cite>], or [<cite><a class='noxref informative' href='#references-XForms10'>XForms 1.0</a></cite>] form, is submitted.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-reset' id="events-event-reset"></a><a class='noxref' href='#events-event-reset'>reset</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>reset</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
+</tr>
+</table>
+A form, such as [<cite><a class='noxref informative' href='#references-HTML40'>HTML 4.01</a></cite>], [<cite><a class='noxref informative' href='#references-XHTML10'>XHTML 1.0</a></cite>], or [<cite><a class='noxref informative' href='#references-XForms10'>XForms 1.0</a></cite>] form, is reset.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-resize' id="events-event-resize"></a><a class='noxref' href='#events-event-resize'>resize</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>resize</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> is in use.</td>
+</tr>
+</table>
+A document view or an element has been resized. The resize occured before the dispatch of this event type.</dd>
+</dl>
+</div>
+<div class='event-definition'>
+<dl>
+<dt><a name='events-event-scroll' id="events-event-scroll"></a><a class='noxref' href='#events-event-scroll'>scroll</a></dt>
+<dd>
+<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>Type</th>
+<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>scroll</code></b></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Namespace</th>
+<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Interface</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<td valign='top' rowspan='1' colspan='1'>No</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Bubbles</th>
+<td valign='top' rowspan='1' colspan='1'>Yes</td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Target</th>
+<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
+</tr>
+<tr>
+<th rowspan='1' colspan='1'>Context info</th>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> is in use.</td>
+</tr>
+</table>
+A document view or an element has been scrolled. The scroll occured before the dispatch of this event type.</dd>
+</dl>
+</div>
+</div>
+<!-- div3 Events-eventgroupings-basicevents -->
+<div class='div3'><a name='events-Events-eventgroupings-htmlevents' id="events-Events-eventgroupings-htmlevents"></a>
+<h3 id='events-Events-eventgroupings-htmlevents-h3' class='div3'>1.8.7 HTML Events</h3>
+<p>The HTML event module is composed of events listed in [<cite><a class='noxref informative' href='#references-HTML40'>HTML 4.01</a></cite>] and additional events which are supported in <a href='#glossary-dt-DOM-Level-0'>DOM Level 0</a> browsers. It refines the semantics and scope of the basic event types and provides two new event types. This event module is only applicable if the <code>Document</code> supports the [<cite><a class='noxref informative' href='#references-DOM2HTML'>DOM Level 2 HTML</a></cite>] specification. Use <code>Node.isSupported(feature, version)</code> with the parameter values "HTML" and "2.0" (respectively) to determine whether or not the <code>Document</code> node supports the HTML module.</p>
+<div style='color: red'>(<i><b>ED:</b></i> Needs to say that it inherits UIEvents focus and blur instead. )</div>
+<p>A DOM application may use the <code>hasFeature(feature, version)</code> method of the <code>DOMImplementation</code> interface with parameter values <code>"HTMLEvents"</code> and <code>"3.0"</code> (respectively) to determine whether or not the HTML event module is supported by the implementation. In order to fully support this module, an implementation must also support the <code>"BasicEvents"</code> feature defined in this specification and the <code>"HTML"</code> feature defined in [<cite><a class='noxref normative' href='#references-DOM2HTML'>DOM Level 2 HTML</a></cite>]. For additional information about <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/introduction.html#ID-Conformance'><em>conformance</em></a>, please see the DOM Level 3 Core specification [<cite><a class='noxref normative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>]. The DOM Level 3 HTML Events module is built on top of the DOM Level 2 HTML Events [<cite><a class='noxref normative' href='#references-DOM2Events'>DOM Level 2 Events</a></cite>] module, i.e. a DOM Level 3 HTML Events implementation where <code>hasFeature("HTMLEvents", "3.0")</code> returns <code>true</code> must also return <code>true</code> when the <code>version</code> number is <code>"2.0"</code>, <code>""</code> or, <code>null</code>.</p>
+<p>The following descriptions of event types are refinements of the general descriptions provided in <a href='#events-Events-eventgroupings'>Event module definitions</a>.</p>
+<dl>
+<dt><a name='events-event-html-load' id="events-event-html-load">load</a></dt>
+<dd>The DOM implementation finishes loading all content within the BODY element, all frames within a FRAMESET, or any resource linked from the document.</dd>
+<dt><a name='events-event-html-unload' id="events-event-html-unload">unload</a></dt>
+<dd>The DOM implementation removes a document from a window or frame. This event is valid for BODY and FRAMESET elements.</dd>
+<dt><a name='events-event-html-abort' id="events-event-html-abort">abort</a></dt>
+<dd>The page loading is stopped before an image has been allowed to completely load. This event applies to OBJECT elements.</dd>
+<dt><a name='events-event-html-error' id="events-event-html-error">error</a></dt>
+<dd>An image does not load properly or when an error occurs during script execution. This event is valid for OBJECT elements, BODY elements, and FRAMESET element.</dd>
+<dt><a name='events-event-html-select' id="events-event-html-select">select</a></dt>
+<dd>A user selects some text in a text field either via the user interface or via attributes defined in [<cite><a class='noxref informative' href='#references-DOM2HTML'>DOM Level 2 HTML</a></cite>]. This event is valid for INPUT and TEXTAREA elements.</dd>
+<dt><a name='events-event-html-change' id="events-event-html-change">change</a></dt>
+<dd>A control loses the input focus and its value has been modified since gaining focus. This event can occur either via a user interface manipulation or the <code>focus()</code> methods and the attributes defined in [<cite><a class='noxref informative' href='#references-DOM2HTML'>DOM Level 2 HTML</a></cite>]. This event type is dispatched before the event type <a href='#events-event-blur'>blur</a>. This event is valid for INPUT, SELECT, and TEXTAREA element.</dd>
+<dt><a name='events-event-html-submit' id="events-event-html-submit">submit</a></dt>
+<dd>A form is submitted either via a button. This event only applies to the FORM element. Note that the <code>HTMLFormElement.submit()</code> method defined in [<cite><a class='noxref informative' href='#references-DOM2HTML'>DOM Level 2 HTML</a></cite>] does not fire this event type.</dd>
+<dt><a name='events-event-html-reset' id="events-event-html-reset">reset</a></dt>
+<dd>A form is reset either via a button, or the <code>HTMLFormElement.reset()</code> method defined in [<cite><a class='noxref informative' href='#references-DOM2HTML'>DOM Level 2 HTML</a></cite>]. This event only applies to the FORM element.</dd>
+<dt><a name='events-event-html-resize' id="events-event-html-resize">resize</a></dt>
+<dd>see <a href='#events-event-resize'>resize</a>.</dd>
+<dt><a name='events-event-html-scroll' id="events-event-html-scroll">scroll</a></dt>
+<dd>see <a href='#events-event-resize'>scroll</a>.</dd>
+<dt><a name='events-event-html-focus' id="events-event-html-focus">focus</a></dt>
+<dd>An element receives focus either via a pointing device, the <code>focus()</code> methods defined in [<cite><a class='noxref informative' href='#references-DOM2HTML'>DOM Level 2 HTML</a></cite>], or by tabbing navigation. This event is only valid for the following elements: A, AREA, LABEL, INPUT, SELECT, TEXTAREA, and BUTTON.</dd>
+<dt><a name='events-event-html-blur' id="events-event-html-blur">blur</a></dt>
+<dd>An element loses focus either via a pointing device, the <code>blur()</code> methods defined in [<cite><a class='noxref informative' href='#references-DOM2HTML'>DOM Level 2 HTML</a></cite>], or by tabbing navigation. This event is only valid for the following elements: A, AREA, LABEL, INPUT, SELECT, TEXTAREA, and BUTTON.</dd>
+</dl>
+<p>The following table provides refinements or additional information on the event types. Some events will only be dispatched to a specific set of possible targets, specified using HTML node types.</p>
+<table border='1' summary='This table contains the HTML list of event types defined by DOM Level 3 Events. The first column contains the local name of the event type. The second column indicates if the event accomplish the bubbling phase or not (all events accomplish the capture and target phases). The third column indicates if the default action associated with the event can be canceled. The fourth column indicates the nodes that can be target of the event. the fifth (and last) column indicates the DOM interface implemented by the event object.' cellpadding='0' cellspacing='0'>
+<tr>
+<th rowspan='1' colspan='1'>type</th>
+<th rowspan='1' colspan='1'>Bubbling phase</th>
+<th rowspan='1' colspan='1'>Cancelable</th>
+<th rowspan='1' colspan='1'>Target node types</th>
+<th rowspan='1' colspan='1'>DOM interface</th>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-load'>load</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLDocument</code>, <code>HTMLBodyElement</code>, <code>HTMLFrameSetElement</code>, <code>HTMLObjectElement</code>, <code>HTMLLinkElement</code>, <code>HTMLMetaElement</code>, <code>HTMLScriptElement</code>, <code>HTMLFrameElement</code>, <code>HTMLIFrameElement</code>, <code>HTMLImageElement</code></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-unload'>unload</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLDocument</code>, <code>HTMLBodyElement</code>, <code>HTMLFrameSetElement</code></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-abort'>abort</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLObjectElement</code></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-error'>error</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLObjectElement</code>, <code>HTMLBodyElement</code>, <code>HTMLFrameSetElement</code></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-select'>select</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLInputElement</code>, <code>HTMLTextAreaElement</code></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-change'>change</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLInputElement</code>, <code>HTMLSelectElement</code>, <code>HTMLTextAreaElement</code></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-submit'>submit</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLFormElement</code></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-reset'>reset</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLFormElement</code></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-resize'>resize</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLDocument</code>, <code>HTMLElement</code></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-scroll'>scroll</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLDocument</code>, <code>HTMLElement</code></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-focus'>focus</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLAnchorElement</code>, <code>HTMLAreaElement</code>, <code>HTMLLabelElement</code>, <code>HTMLInputElement</code>, <code>HTMLSelectElement</code>, <code>HTMLTextAreaElement</code>, <code>HTMLButtonElement</code>.</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+<tr>
+<td valign='top' rowspan='1' colspan='1'><a href='#events-event-html-blur'>blur</a></td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+<td valign='top' rowspan='1' colspan='1'><code>HTMLAnchorElement</code>, <code>HTMLAreaElement</code>, <code>HTMLLabelElement</code>, <code>HTMLInputElement</code>, <code>HTMLSelectElement</code>, <code>HTMLTextAreaElement</code>, <code>HTMLButtonElement</code>.</td>
+<td valign='top' rowspan='1' colspan='1'>[no changes]</td>
+</tr>
+</table>
+</div>
+<!-- div3 Events-eventgroupings-htmlevents --></div>
+<!-- div2 Events-eventgroupings --></div>
+<!-- div1 Events -->
+<a id='keyset' name='keyset'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='keyset-KeySet' id="keyset-KeySet"></a>
+<h1 id='keyset-KeySet-h1' class='adiv1'>Appendix A: Keyboard events and key identifiers</h1>
+<dl>
+<dt><i>Editors</i>:</dt>
+<dd>Björn Höhrmann</dd>
+<dd>Philippe Le Hégaret, W3C (until November 2003)</dd>
+</dl>
+<div class='noprint'>
+<h2 id='keyset-table-of-contents'>Table of contents</h2>
+<ul class='toc'>
+<li class='tocline3'><a class='tocxref' href='#keyset-KeySet-intro'>A.1 Introduction</a>
+<ul class='toc'>
+<li class='tocline4'><a class='tocxref' href='#keyset-Modifiers'>A.1.1 Modifier keys</a></li>
+<li class='tocline4'><a class='tocxref' href='#keyset-DeadKeys'>A.1.2 Dead keys</a></li>
+<li class='tocline4'><a class='tocxref' href='#keyset-IME'>A.1.3 Input Method Editors</a></li>
+<li class='tocline4'><a class='tocxref' href='#keyset-cancelable_keys'>A.1.4 Default actions and cancelable keyboard events</a></li>
+<li class='tocline4'><a class='tocxref' href='#keyset-Guide'>A.1.5 Guidelines for defining key identifiers</a></li>
+</ul>
+</li>
+<li class='tocline3'><a class='tocxref' href='#keyset-KeySet-Set'>A.2 Key identifiers set</a></li>
+</ul>
+</div>
+<p class='first'>This section contains necessary information regarding keyboard events:</p>
+<ul>
+<li>Relations between keys, such as dead keys or modifiers keys.</li>
+<li>Relations between keyboard events, their default actions, and text events.</li>
+<li>The set of key identifiers, and guidelines on how to extend this set.</li>
+</ul>
+<div style='color: red'>(<i><b>ED:</b></i> See also <a class='normative' href='http://www.w3.org/2005/06/tracker/webapi/actions/25'>ACTION-25</a>. )</div>
+<p><b>Note:</b> This section uses serbian and kanji characters which are not always available (or are misrepresented) in the alternative versions or printed versions of this specification.</p>
+<div class='div2'><a name='keyset-KeySet-intro' id="keyset-KeySet-intro"></a>
+<h2 id='keyset-KeySet-intro-h2' class='adiv2'>A.1 Introduction</h2>
+<p>Each keyboard event references a key using a <code>DOMString</code> key identifier. The set contained in this appendix is based on the sets of keycodes from:</p>
+<ul>
+<li>the interface <code>java.awt.event.KeyEvent</code> of the Java 2 Platform v1.4 [<cite><a class='noxref informative' href='#references-KeyEvent'>KeyEvent for Java</a></cite>];</li>
+<li>the enumeration <code>System.Windows.Forms.Keys</code> of the Microsoft .NET Framework 1.0 [<cite><a class='noxref informative' href='#references-Keys'>Keys enumeration for .Net</a></cite>].</li>
+</ul>
+<p>While implementations are recommended to use the most relevant identifier for a key independently of the platform or keyboard layout mappings, DOM applications should not make assumption on the ability of keyboard devices to generate them. When using keyboard events, <cite>"consider using numbers and function keys (F4, F5, and so on) instead of letters in shortcut-key combinations"</cite> ([<cite><a class='noxref informative' href='#references-DWW95'>DWW95</a></cite>]) given that most keyboard layouts will provide keys for those.</p>
+<p><code>"U+0000"</code>, <code>"U+0001"</code>, ..., <code>"U+10FFFF"</code> are Unicode based key identifiers ([<cite><a class='noxref normative' href='#references-Unicode'>Unicode</a></cite>]). When a key cannot be mapped to Unicode, a specific identifier is used (see also <a href='#keyset-Guide'>Guidelines for defining key identifiers</a>). In any case, no assumption should be made between the sequence of keyboard events and the text events. The following three examples illustrate the concept of keyboard layout mappings and its relation with keyboard events (following the <a href='#keyset-Guide'>Guidelines for defining key identifiers</a>, the 'Q' key is mapped to the Latin Capital Letter Q key).</p>
+<p>The keystroke <code>"U+0051"</code> (Latin Capital Letter Q key) will produce (on a PC/AT US keyboard using a US keyboard layout mapping and without any modifier activated) the Unicode character <code>q</code> (Latin Small Letter Q):</p>
+<ol>
+<li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key)</li>
+<li><code>"textInput"</code>: <code>"q"</code></li>
+<li><code>"keyup"</code>: <code>"U+0051"</code></li>
+</ol>
+<p>If the keyboard layout mapping is switched to a french mapping, pressing the same key will produce:</p>
+<ol>
+<li><code>"keydown"</code>: <code>"U+0041"</code> (Latin Capital Letter A key)</li>
+<li><code>"textInput"</code>: <code>"a"</code></li>
+<li><code>"keyup"</code>: <code>"U+0041"</code></li>
+</ol>
+<p>If the keyboard layout mapping is switched to a serbian (cyrillic) mapping, pressing the same key will produce:</p>
+<ol>
+<li><code>"keydown"</code>: <code>"U+0409"</code> (Cyrillic Capital Letter LJE)</li>
+<li><code>"textInput"</code>: <code>"љ"</code></li>
+<li><code>"keyup"</code>: <code>"U+0409"</code></li>
+</ol>
+<p><b>Note:</b> The order between the text event and keyboard events may differ depending on the keyboard devices.</p>
+<div class='div3'><a name='keyset-Modifiers' id="keyset-Modifiers"></a>
+<h3 id='keyset-Modifiers-h3' class='adiv3'>A.1.1 Modifier keys</h3>
+<p>Keyboard input uses modifier keys to change the normal behavior of a key. Keys associated with modifiers generate, like other keys, <a href='#events-event-keydown'>keydown</a> and <a href='#events-event-keyup'>keyup</a> events as shown in the example below. Some modifiers are activated while the key is being pressed down or maintained pressed such as <code>"Alt"</code>, <code>"Control"</code>, <code>"Shift"</code>, <code>"AltGraph"</code>, or <code>"Meta"</code>. Others modifiers are activated depending on their state such as <code>"CapsLock"</code>, <code>"NumLock"</code>, or <code>"Scroll"</code>. Change in the state happens when the modifier key is being pressed down. The <a href='#events-Events-KeyboardEvent'><code>KeyboardEvent</code></a> interface provides convenient attributes for some common modifiers keys: <a href='#events-Events-KeyboardEvent-ctrlKey'><code>KeyboardEvent.ctrlKey</code></a>, <a href='#events-Events-KeyboardEvent-shiftKey'><code>KeyboardEvent.shiftKey</code></a>, <a href='#events-Events-KeyboardEvent-altKey'><code>KeyboardEvent.altKey</code></a>, <a href='#events-Events-KeyboardEvent-metaKey'><code>KeyboardEvent.metaKey</code></a>. Some operating systems simulate the <code>"AltGraph"</code> modifier key with the combination of the <code>"Alt</code> and <code>"Control"</code> modifier keys. Implementations are encouraged to use the <code>"AltGraph"</code> modifier key.</p>
+<p>The following example describes a possible sequence of keys to generate the Unicode character Q (Latin Capital Letter Q) on a PC/AT US keyboard using a US mapping:</p>
+<ol>
+<li><code>"keydown"</code>: <code>"Shift"</code>, shiftKey</li>
+<li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey</li>
+<li><code>"textInput"</code>: <code>"Q"</code></li>
+<li><code>"keyup"</code>: <code>"U+0051"</code>, shiftKey</li>
+<li><code>"keyup"</code>: <code>"Shift"</code></li>
+</ol>
+<p>The following example describes a possible sequence of keys that does not generate a Unicode character (using the same configuration):</p>
+<ol>
+<li><code>"keydown"</code>: <code>"Control"</code>, ctrlKey</li>
+<li><code>"keydown"</code>: <code>"U+0056"</code> (Latin Capital Letter V key), ctrlKey</li>
+<li><code>"keyup"</code>: <code>"U+0056"</code>, ctrlKey</li>
+<li><code>"keyup"</code>: <code>"Control"</code></li>
+</ol>
+</div>
+<!-- div3 Modifiers -->
+<div class='div3'><a name='keyset-DeadKeys' id="keyset-DeadKeys"></a>
+<h3 id='keyset-DeadKeys-h3' class='adiv3'>A.1.2 Dead keys</h3>
+<p>Keyboard input uses dead keys for the input of composed character sequences. Unlike the handwriting sequence, in which users enter the base character first, keyboard input requires to enter a special state when a dead key is pressed and emit the character(s) only when one of a limited number of "legal" base character is entered.</p>
+<p>The dead keys are represented in the key identifiers set using combining diacritical marks. The sequence of keystrokes "U+0302" (Combining Circumflex Accent key) and "U+0045" (Latin Capital Letter E key) will likely produce (on a PC/AT french keyboard using a french mapping and without any modifier activated) the Unicode character ê (Latin Small Letter E With Circumflex), as preferred by the Unicode Normalization Form <i>NFC</i>:</p>
+<ol>
+<li><code>"keydown"</code>: <code>"U+0302"</code> (Combining Circumflex Accent key)</li>
+<li><code>"keyup"</code>: <code>"U+0302"</code></li>
+<li><code>"keydown"</code>: <code>"U+0045"</code> (Latin Capital Letter E key)</li>
+<li><code>"textInput"</code>: <code>"é"</code></li>
+<li><code>"keyup"</code>: <code>"U+0045"</code></li>
+</ol>
+</div>
+<!-- div3 DeadKeys -->
+<div class='div3'><a name='keyset-IME' id="keyset-IME"></a>
+<h3 id='keyset-IME-h3' class='adiv3'>A.1.3 Input Method Editors</h3>
+<p><a name='keyset-dt-ime' id="keyset-dt-ime"></a> Also known as <i>front end processor</i>, an <i>input method editor</i> (IME) is an application that performs the conversion between keystrokes and ideographs or other characters, usually by user-guided dictionary lookup.</p>
+<p>This specification does not provide a representation of the input method editor (IME) events, i.e. the IME's functions and the IME context are not represented in this set. As an example, receiving a <a href='#events-event-keydown'>keydown</a> for the "Accept" key identifier does not necessarily imply that the text currently selected in the IME is being accepted. It only indicates that a keystroke happened, disconnected from the IME Accept functionality. Depending on the device in use, the IME Accept functionality can be obtain using the Accept key or the Return key. Keyboard events cannot be used to determine the current state of the input method editor.</p>
+<p>Keyboard events correspond to the events generated by the input device after the keyboard layout mapping but before the processing of the input method editor.</p>
+<p>The following example describes a possible sequence of keys to generate the Unicode character 市 (Kanji character, part of CJK Unified Ideographs) using Japanese input methods. This example assumes that the input method editor is activated and in the Japanese-Romaji input mode. The keys <code>"Convert"</code> and <code>"Accept"</code> may be replaced by others depending on the input device in use and the configuration of the IME, e.g. it could be respectively "U+0020" (Space key) and "Enter".</p>
+<ol>
+<li><code>"keydown"</code>: <code>"U+0053"</code> (Latin Capital Letter S key)</li>
+<li><code>"keyup"</code>: <code>"U+0053"</code> (Latin Capital Letter S key)</li>
+<li><code>"keydown"</code>: <code>"U+0049"</code> (Latin Capital Letter I key)</li>
+<li><code>"keyup"</code>: <code>"U+0049"</code> (Latin Capital Letter I key)</li>
+<li><code>"keydown"</code>: <code>"Convert"</code></li>
+<li><code>"keyup"</code>: <code>"Convert"</code></li>
+<li><code>"keydown"</code>: <code>"Accept"</code></li>
+<li><code>"textInput"</code>: <code>"市"</code></li>
+<li><code>"keyup"</code>: <code>"Accept"</code></li>
+</ol>
+</div>
+<!-- div3 IME -->
+<div class='div3'><a name='keyset-cancelable_keys' id="keyset-cancelable_keys"></a>
+<h3 id='keyset-cancelable_keys-h3' class='adiv3'>A.1.4 Default actions and cancelable keyboard events</h3>
+<p>Canceling the default action of a <a href='#events-event-keydown'>keydown</a> event does not affect its respective <a href='#events-event-keyup'>keyup</a> event; it will however prevent the respective <a href='#events-event-textInput'>textInput</a> event from being generated. The following example describes a possible sequence of keys to generate the Unicode character Q (Latin Capital Letter Q) on a PC/AT US keyboard using a US mapping:</p>
+<ol>
+<li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey<br />
+the default action of the <a href='#events-event-keydown'>keydown</a> event is prevented, e.g. by invoking <a href='#events-Events-Event-preventDefault'><code>Event.preventDefault()</code></a> during the dispatch of the keydown event object.</li>
+<li>No <code>"textInput"</code> is generated.</li>
+<li><code>"keyup"</code>: <code>"U+0051"</code>, shiftKey</li>
+</ol>
+<p>If the key is a modifier key, the keystroke is taken into account for the modifiers states. The following example describes a possible sequence of keys to generate the Unicode character Q (Latin Capital Letter Q) on a PC/AT US keyboard using a US mapping:</p>
+<ol>
+<li><code>"keydown"</code>: <code>"Shift"</code>, shiftKey<br />
+the default action of the keydown event is prevented.</li>
+<li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey</li>
+<li><code>"textInput"</code>: <code>"Q"</code></li>
+<li><code>"keyup"</code>: <code>"U+0051"</code>, shiftKey</li>
+<li><code>"keyup"</code>: <code>"Shift"</code></li>
+</ol>
+<p>If the key is part of a sequence of several keystrokes, whether it is a dead key or it is contributing to an Input Method Editor sequence, the keystroke is ignored (not taken into account) only if the default action is canceled on the <a href='#events-event-keydown'>keydown</a> event. Canceling a dead key on a <a href='#events-event-keyup'>keyup</a> event has not effect on <a href='#events-event-textInput'>textInput</a> events. The following example uses the keystrokes <code>"U+0302"</code> (Combining Circumflex Accent key) and <code>"U+0045"</code> (Latin Capital Letter E key) (on a PC/AT french keyboard using a french mapping and without any modifier activated):</p>
+<ol>
+<li><code>"keydown"</code>: <code>"U+0302"</code> (Combining Circumflex Accent key)<br />
+the default action of the keydown event is prevented</li>
+<li><code>"keyup"</code>: <code>"U+0302"</code></li>
+<li><code>"keydown"</code>: <code>"U+0045"</code> (Latin Capital Letter E key)</li>
+<li><code>"textInput"</code>: <code>"a"</code></li>
+<li><code>"keyup"</code>: <code>"U+0045"</code></li>
+</ol>
+</div>
+<!-- div3 cancelable_keys -->
+<div class='div3'><a name='keyset-Guide' id="keyset-Guide"></a>
+<h3 id='keyset-Guide-h3' class='adiv3'>A.1.5 Guidelines for defining key identifiers</h3>
+<p><b>Note:</b> This section is informative.</p>
+<p>The list of key identifiers contained in this appendix is not exhaustive and input devices may have to define their own key identifiers. Here is a algorithm to determine which key identifier to use:</p>
+<ol>
+<li>Determine a representation for the key by looking at the keyboard layout mapping in use (and not the keyboard device in use). This representation should be unique, as human friendly as possible, platform independent, and consistent. For example, on PC/AT US keyboards with a US mapping, the 'Q' key is mapped to the key identifier "U+0051" (Latin Capital Letter Q key), the '1/!' key is mapped to the key identifier "U+0031" (Digit One key), the key '`/~' is mapped to the key identifier "U+0060" (Grave Accent key), and the 'Enter' key is mapped to the key identifier "Enter".</li>
+<li>Find an appropriate mapping in the Unicode character set. There might not always be an appropriate and obvious mapping: the Unicode set contains characters and symbols, the key might generate different characters depending on the operating system, ... In general, unless the representation of the key can be mapped to a unique Unicode character, it is better to create a new one.</li>
+<li>If no appropriate mapping was found, create a key identifier as human friendly as possible. The key identifier must not contain white spaces. As an example, the Enter key is mapped to the key identifier "Enter" and not to "U+000A" (Line Feed), given that this key generates the character "U+000A" on Unix operating systems and the characters "U+000D" and "U+000A" on Windows operating systems.</li>
+</ol>
+</div>
+<!-- div3 Guide --></div>
+<!-- div2 KeySet-intro -->
+<div class='div2'><a name='keyset-KeySet-Set' id="keyset-KeySet-Set"></a>
+<h2 id='keyset-KeySet-Set-h2' class='adiv2'>A.2 Key identifiers set</h2>
+<p><b>Note:</b> The keycodes <code>Multiply</code>, <code>Add</code>, <code>Substract</code>, <code>Decimal</code>, <code>Separator</code>, <code>Divide</code>, <code>NumPad0</code>, <code>NumPad1</code>, <code>NumPad2</code>, <code>NumPad3</code>, <code>NumPad4</code>, <code>NumPad5</code>, <code>NumPad6</code>, <code>NumPad7</code>, <code>NumPad8</code>, and <code>NumPad9</code> are not part of this set. Use <a href='#events-Events-KeyboardEvent-keylocation'><code>KeyboardEvent.keyLocation</code></a> to know if a key originated from the numeric keypad.</p>
+<dl>
+<dt><a name='keyset-key-Accept' id="keyset-key-Accept">"Accept"</a></dt>
+<dd>The Accept (Commit) key.</dd>
+<dt><a name='keyset-key-Again' id="keyset-key-Again">"Again"</a></dt>
+<dd>The Again key.</dd>
+<dt><a name='keyset-key-AllCandidates' id="keyset-key-AllCandidates">"AllCandidates"</a></dt>
+<dd>The All Candidates key.</dd>
+<dt><a name='keyset-key-Alphanumeric' id="keyset-key-Alphanumeric">"Alphanumeric"</a></dt>
+<dd>The Alphanumeric key.</dd>
+<dt><a name='keyset-key-Alt' id="keyset-key-Alt">"Alt"</a></dt>
+<dd>The Alt (Menu) key.</dd>
+<dt><a name='keyset-key-AltGraph' id="keyset-key-AltGraph">"AltGraph"</a></dt>
+<dd>The Alt-Graph key.</dd>
+<dt><a name='keyset-key-Apps' id="keyset-key-Apps">"Apps"</a></dt>
+<dd>The Application key.</dd>
+<dt><a name='keyset-key-Attn' id="keyset-key-Attn">"Attn"</a></dt>
+<dd>The ATTN key.</dd>
+<dt><a name='keyset-key-BrowserBack' id="keyset-key-BrowserBack">"BrowserBack"</a></dt>
+<dd>The Browser Back key.</dd>
+<dt><a name='keyset-key-BrowserFavorites' id="keyset-key-BrowserFavorites">"BrowserFavorites"</a></dt>
+<dd>The Browser Favorites key.</dd>
+<dt><a name='keyset-key-BrowserForward' id="keyset-key-BrowserForward">"BrowserForward"</a></dt>
+<dd>The Browser Forward key.</dd>
+<dt><a name='keyset-key-BrowserHome' id="keyset-key-BrowserHome">"BrowserHome"</a></dt>
+<dd>The Browser Home key.</dd>
+<dt><a name='keyset-key-BrowserRefresh' id="keyset-key-BrowserRefresh">"BrowserRefresh"</a></dt>
+<dd>The Browser Refresh key.</dd>
+<dt><a name='keyset-key-BrowserSearch' id="keyset-key-BrowserSearch">"BrowserSearch"</a></dt>
+<dd>The Browser Search key.</dd>
+<dt><a name='keyset-key-BrowserStop' id="keyset-key-BrowserStop">"BrowserStop"</a></dt>
+<dd>The Browser Stop key.</dd>
+<dt><a name='keyset-key-CapsLock' id="keyset-key-CapsLock">"CapsLock"</a></dt>
+<dd>The Caps Lock (Capital) key.</dd>
+<dt><a name='keyset-key-Clear' id="keyset-key-Clear">"Clear"</a></dt>
+<dd>The Clear key.</dd>
+<dt><a name='keyset-key-CodeInput' id="keyset-key-CodeInput">"CodeInput"</a></dt>
+<dd>The Code Input key.</dd>
+<dt><a name='keyset-key-Compose' id="keyset-key-Compose">"Compose"</a></dt>
+<dd>The Compose key.</dd>
+<dt><a name='keyset-key-Control' id="keyset-key-Control">"Control"</a></dt>
+<dd>The Control (Ctrl) key.</dd>
+<dt><a name='keyset-key-Crsel' id="keyset-key-Crsel">"Crsel"</a></dt>
+<dd>The Crsel key.</dd>
+<dt><a name='keyset-key-Convert' id="keyset-key-Convert">"Convert"</a></dt>
+<dd>The Convert key.</dd>
+<dt><a name='keyset-key-Copy' id="keyset-key-Copy">"Copy"</a></dt>
+<dd>The Copy key.</dd>
+<dt><a name='keyset-key-Cut' id="keyset-key-Cut">"Cut"</a></dt>
+<dd>The Cut key.</dd>
+<dt><a name='keyset-key-Down' id="keyset-key-Down">"Down"</a></dt>
+<dd>The Down Arrow key.</dd>
+<dt><a name='keyset-key-End' id="keyset-key-End">"End"</a></dt>
+<dd>The End key.</dd>
+<dt><a name='keyset-key-Enter' id="keyset-key-Enter">"Enter"</a></dt>
+<dd>The Enter key.
+<p><b>Note:</b> This key identifier is also used for the Return (Macintosh numpad) key.</p>
+</dd>
+<dt><a name='keyset-key-EraseEof' id="keyset-key-EraseEof">"EraseEof"</a></dt>
+<dd>The Erase EOF key.</dd>
+<dt><a name='keyset-key-Execute' id="keyset-key-Execute">"Execute"</a></dt>
+<dd>The Execute key.</dd>
+<dt><a name='keyset-key-Exsel' id="keyset-key-Exsel">"Exsel"</a></dt>
+<dd>The Exsel key.</dd>
+<dt><a name='keyset-key-F1' id="keyset-key-F1">"F1"</a></dt>
+<dd>The F1 key.</dd>
+<dt><a name='keyset-key-F2' id="keyset-key-F2">"F2"</a></dt>
+<dd>The F2 key.</dd>
+<dt><a name='keyset-key-F3' id="keyset-key-F3">"F3"</a></dt>
+<dd>The F3 key.</dd>
+<dt><a name='keyset-key-F4' id="keyset-key-F4">"F4"</a></dt>
+<dd>The F4 key.</dd>
+<dt><a name='keyset-key-F5' id="keyset-key-F5">"F5"</a></dt>
+<dd>The F5 key.</dd>
+<dt><a name='keyset-key-F6' id="keyset-key-F6">"F6"</a></dt>
+<dd>The F6 key.</dd>
+<dt><a name='keyset-key-F7' id="keyset-key-F7">"F7"</a></dt>
+<dd>The F7 key.</dd>
+<dt><a name='keyset-key-F8' id="keyset-key-F8">"F8"</a></dt>
+<dd>The F8 key.</dd>
+<dt><a name='keyset-key-F9' id="keyset-key-F9">"F9"</a></dt>
+<dd>The F9 key.</dd>
+<dt><a name='keyset-key-F10' id="keyset-key-F10">"F10"</a></dt>
+<dd>The F10 key.</dd>
+<dt><a name='keyset-key-F11' id="keyset-key-F11">"F11"</a></dt>
+<dd>The F11 key.</dd>
+<dt><a name='keyset-key-F12' id="keyset-key-F12">"F12"</a></dt>
+<dd>The F12 key.</dd>
+<dt><a name='keyset-key-F13' id="keyset-key-F13">"F13"</a></dt>
+<dd>The F13 key.</dd>
+<dt><a name='keyset-key-F14' id="keyset-key-F14">"F14"</a></dt>
+<dd>The F14 key.</dd>
+<dt><a name='keyset-key-F15' id="keyset-key-F15">"F15"</a></dt>
+<dd>The F15 key.</dd>
+<dt><a name='keyset-key-F16' id="keyset-key-F16">"F16"</a></dt>
+<dd>The F16 key.</dd>
+<dt><a name='keyset-key-F17' id="keyset-key-F17">"F17"</a></dt>
+<dd>The F17 key.</dd>
+<dt><a name='keyset-key-F18' id="keyset-key-F18">"F18"</a></dt>
+<dd>The F18 key.</dd>
+<dt><a name='keyset-key-F19' id="keyset-key-F19">"F19"</a></dt>
+<dd>The F19 key.</dd>
+<dt><a name='keyset-key-F20' id="keyset-key-F20">"F20"</a></dt>
+<dd>The F20 key.</dd>
+<dt><a name='keyset-key-F21' id="keyset-key-F21">"F21"</a></dt>
+<dd>The F21 key.</dd>
+<dt><a name='keyset-key-F22' id="keyset-key-F22">"F22"</a></dt>
+<dd>The F22 key.</dd>
+<dt><a name='keyset-key-F23' id="keyset-key-F23">"F23"</a></dt>
+<dd>The F23 key.</dd>
+<dt><a name='keyset-key-F24' id="keyset-key-F24">"F24"</a></dt>
+<dd>The F24 key.</dd>
+<dt><a name='keyset-key-FinalMode' id="keyset-key-FinalMode">"FinalMode"</a></dt>
+<dd>The Final Mode (Final) key used on some asian keyboards.</dd>
+<dt><a name='keyset-key-Find' id="keyset-key-Find">"Find"</a></dt>
+<dd>The Find key.</dd>
+<dt><a name='keyset-key-FullWidth' id="keyset-key-FullWidth">"FullWidth"</a></dt>
+<dd>The Full-Width Characters key.</dd>
+<dt><a name='keyset-key-HalfWidth' id="keyset-key-HalfWidth">"HalfWidth"</a></dt>
+<dd>The Half-Width Characters key.</dd>
+<dt><a name='keyset-key-HangulMode' id="keyset-key-HangulMode">"HangulMode"</a></dt>
+<dd>The Hangul (Korean characters) Mode key.</dd>
+<dt><a name='keyset-key-HanjaMode' id="keyset-key-HanjaMode">"HanjaMode"</a></dt>
+<dd>The Hanja (Korean characters) Mode key.</dd>
+<dt><a name='keyset-key-Help' id="keyset-key-Help">"Help"</a></dt>
+<dd>The Help key.</dd>
+<dt><a name='keyset-key-Hiragana' id="keyset-key-Hiragana">"Hiragana"</a></dt>
+<dd>The Hiragana (Japanese Kana characters) key.</dd>
+<dt><a name='keyset-key-Home' id="keyset-key-Home">"Home"</a></dt>
+<dd>The Home key.</dd>
+<dt><a name='keyset-key-Insert' id="keyset-key-Insert">"Insert"</a></dt>
+<dd>The Insert (Ins) key.</dd>
+<dt><a name='keyset-key-JapaneseHiragana' id="keyset-key-JapaneseHiragana">"JapaneseHiragana"</a></dt>
+<dd>The Japanese-Hiragana key.</dd>
+<dt><a name='keyset-key-JapaneseKatakana' id="keyset-key-JapaneseKatakana">"JapaneseKatakana"</a></dt>
+<dd>The Japanese-Katakana key.</dd>
+<dt><a name='keyset-key-JapaneseRomaji' id="keyset-key-JapaneseRomaji">"JapaneseRomaji"</a></dt>
+<dd>The Japanese-Romaji key.</dd>
+<dt><a name='keyset-key-JunjaMode' id="keyset-key-JunjaMode">"JunjaMode"</a></dt>
+<dd>The Junja Mode key.</dd>
+<dt><a name='keyset-key-KanaMode' id="keyset-key-KanaMode">"KanaMode"</a></dt>
+<dd>The Kana Mode (Kana Lock) key.</dd>
+<dt><a name='keyset-key-KanjiMode' id="keyset-key-KanjiMode">"KanjiMode"</a></dt>
+<dd>The Kanji (Japanese name for ideographic characters of Chinese origin) Mode key.</dd>
+<dt><a name='keyset-key-Katakana' id="keyset-key-Katakana">"Katakana"</a></dt>
+<dd>The Katakana (Japanese Kana characters) key.</dd>
+<dt><a name='keyset-key-LaunchApplication1' id="keyset-key-LaunchApplication1">"LaunchApplication1"</a></dt>
+<dd>The Start Application One key.</dd>
+<dt><a name='keyset-key-LaunchApplication2' id="keyset-key-LaunchApplication2">"LaunchApplication2"</a></dt>
+<dd>The Start Application Two key.</dd>
+<dt><a name='keyset-key-LaunchMail' id="keyset-key-LaunchMail">"LaunchMail"</a></dt>
+<dd>The Start Mail key.</dd>
+<dt><a name='keyset-key-Left' id="keyset-key-Left">"Left"</a></dt>
+<dd>The Left Arrow key.</dd>
+<dt><a name='keyset-key-Meta' id="keyset-key-Meta">"Meta"</a></dt>
+<dd>The Meta key.</dd>
+<dt><a name='keyset-key-MediaNextTrack' id="keyset-key-MediaNextTrack">"MediaNextTrack"</a></dt>
+<dd>The Media Next Track key.</dd>
+<dt><a name='keyset-key-MediaPlayPause' id="keyset-key-MediaPlayPause">"MediaPlayPause"</a></dt>
+<dd>The Media Play Pause key.</dd>
+<dt><a name='keyset-key-MediaPreviousTrack' id="keyset-key-MediaPreviousTrack">"MediaPreviousTrack"</a></dt>
+<dd>The Media Previous Track key.</dd>
+<dt><a name='keyset-key-MediaStop' id="keyset-key-MediaStop">"MediaStop"</a></dt>
+<dd>The Media Stok key.</dd>
+<dt><a name='keyset-key-ModeChange' id="keyset-key-ModeChange">"ModeChange"</a></dt>
+<dd>The Mode Change key.</dd>
+<dt><a name='keyset-key-Nonconvert' id="keyset-key-Nonconvert">"Nonconvert"</a></dt>
+<dd>The Nonconvert (Don't Convert) key.</dd>
+<dt><a name='keyset-key-NumLock' id="keyset-key-NumLock">"NumLock"</a></dt>
+<dd>The Num Lock key.</dd>
+<dt><a name='keyset-key-PageDown' id="keyset-key-PageDown">"PageDown"</a></dt>
+<dd>The Page Down (Next) key.</dd>
+<dt><a name='keyset-key-PageUp' id="keyset-key-PageUp">"PageUp"</a></dt>
+<dd>The Page Up key.</dd>
+<dt><a name='keyset-key-Paste' id="keyset-key-Paste">"Paste"</a></dt>
+<dd>The Paste key.</dd>
+<dt><a name='keyset-key-Pause' id="keyset-key-Pause">"Pause"</a></dt>
+<dd>The Pause key.</dd>
+<dt><a name='keyset-key-Play' id="keyset-key-Play">"Play"</a></dt>
+<dd>The Play key.</dd>
+<dt><a name='keyset-key-PreviousCandidate' id="keyset-key-PreviousCandidate">"PreviousCandidate"</a></dt>
+<dd>The Previous Candidate function key.</dd>
+<dt><a name='keyset-key-PrintScreen' id="keyset-key-PrintScreen">"PrintScreen"</a></dt>
+<dd>The Print Screen (PrintScrn, SnapShot) key.</dd>
+<dt><a name='keyset-key-Process' id="keyset-key-Process">"Process"</a></dt>
+<dd>The Process key.</dd>
+<dt><a name='keyset-key-Props' id="keyset-key-Props">"Props"</a></dt>
+<dd>The Props key.</dd>
+<dt><a name='keyset-key-Right' id="keyset-key-Right">"Right"</a></dt>
+<dd>The Right Arrow key.</dd>
+<dt><a name='keyset-key-RomanCharacters' id="keyset-key-RomanCharacters">"RomanCharacters"</a></dt>
+<dd>The Roman Characters function key.</dd>
+<dt><a name='keyset-key-Scroll' id="keyset-key-Scroll">"Scroll"</a></dt>
+<dd>The Scroll Lock key.</dd>
+<dt><a name='keyset-key-Select' id="keyset-key-Select">"Select"</a></dt>
+<dd>The Select key.</dd>
+<dt><a name='keyset-key-SelectMedia' id="keyset-key-SelectMedia">"SelectMedia"</a></dt>
+<dd>The Select Media key.</dd>
+<dt><a name='keyset-key-Shift' id="keyset-key-Shift">"Shift"</a></dt>
+<dd>The Shift key.</dd>
+<dt><a name='keyset-key-Stop' id="keyset-key-Stop">"Stop"</a></dt>
+<dd>The Stop key.</dd>
+<dt><a name='keyset-key-Up' id="keyset-key-Up">"Up"</a></dt>
+<dd>The Up Arrow key.</dd>
+<dt><a name='keyset-key-Undo' id="keyset-key-Undo">"Undo"</a></dt>
+<dd>The Undo key.</dd>
+<dt><a name='keyset-key-VolumeDown' id="keyset-key-VolumeDown">"VolumeDown"</a></dt>
+<dd>The Volume Down key.</dd>
+<dt><a name='keyset-key-VolumeMute' id="keyset-key-VolumeMute">"VolumeMute"</a></dt>
+<dd>The Volume Mute key.</dd>
+<dt><a name='keyset-key-VolumeUp' id="keyset-key-VolumeUp">"VolumeUp"</a></dt>
+<dd>The Volume Up key.</dd>
+<dt><a name='keyset-key-Win' id="keyset-key-Win">"Win"</a></dt>
+<dd>The Windows Logo key.</dd>
+<dt><a name='keyset-key-Zoom' id="keyset-key-Zoom">"Zoom"</a></dt>
+<dd>The Zoom key.</dd>
+<dt><a name='keyset-key-U-0008' id="keyset-key-U-0008">"U+0008"</a></dt>
+<dd>The Backspace (Back) key.</dd>
+<dt><a name='keyset-key-U-0009' id="keyset-key-U-0009">"U+0009"</a></dt>
+<dd>The Horizontal Tabulation (Tab) key.</dd>
+<dt><a name='keyset-key-U-0018' id="keyset-key-U-0018">"U+0018"</a></dt>
+<dd>The Cancel key.</dd>
+<dt><a name='keyset-key-U-001B' id="keyset-key-U-001B">"U+001B"</a></dt>
+<dd>The Escape (Esc) key.</dd>
+<dt><a name='keyset-key-U-0020' id="keyset-key-U-0020">"U+0020"</a></dt>
+<dd>The Space (Spacebar) key.</dd>
+<dt><a name='keyset-key-U-0021' id="keyset-key-U-0021">"U+0021"</a></dt>
+<dd>The Exclamation Mark (Factorial, Bang) key (!).</dd>
+<dt><a name='keyset-key-U-0022' id="keyset-key-U-0022">"U+0022"</a></dt>
+<dd>The Quotation Mark (Quote Double) key (").</dd>
+<dt><a name='keyset-key-U-0023' id="keyset-key-U-0023">"U+0023"</a></dt>
+<dd>The Number Sign (Pound Sign, Hash, Crosshatch, Octothorpe) key (#).</dd>
+<dt><a name='keyset-key-U-0024' id="keyset-key-U-0024">"U+0024"</a></dt>
+<dd>The Dollar Sign (milreis, escudo) key ($).</dd>
+<dt><a name='keyset-key-U-0026' id="keyset-key-U-0026">"U+0026"</a></dt>
+<dd>The Ampersand key (&).</dd>
+<dt><a name='keyset-key-U-0027' id="keyset-key-U-0027">"U+0027"</a></dt>
+<dd>The Apostrophe (Apostrophe-Quote, APL Quote) key (').</dd>
+<dt><a name='keyset-key-U-0028' id="keyset-key-U-0028">"U+0028"</a></dt>
+<dd>The Left Parenthesis (Opening Parenthesis) key (().</dd>
+<dt><a name='keyset-key-U-0029' id="keyset-key-U-0029">"U+0029"</a></dt>
+<dd>The Right Parenthesis (Closing Parenthesis) key ()).</dd>
+<dt><a name='keyset-key-U-002A' id="keyset-key-U-002A">"U+002A"</a></dt>
+<dd>The Asterix (Star) key (*).</dd>
+<dt><a name='keyset-key-U-002B' id="keyset-key-U-002B">"U+002B"</a></dt>
+<dd>The Plus Sign (Plus) key (+).</dd>
+<dt><a name='keyset-key-U-002C' id="keyset-key-U-002C">"U+002C"</a></dt>
+<dd>The Comma (decimal separator) sign key (,).</dd>
+<dt><a name='keyset-key-U-002D' id="keyset-key-U-002D">"U+002D"</a></dt>
+<dd>The Hyphen-minus (hyphen or minus sign) key (-).</dd>
+<dt><a name='keyset-key-U-002E' id="keyset-key-U-002E">"U+002E"</a></dt>
+<dd>The Full Stop (period, dot, decimal point) key (.).</dd>
+<dt><a name='keyset-key-U-002F' id="keyset-key-U-002F">"U+002F"</a></dt>
+<dd>The Solidus (slash, virgule, shilling) key (/).</dd>
+<dt><a name='keyset-key-U-0030' id="keyset-key-U-0030">"U+0030"</a></dt>
+<dd>The Digit Zero key (0).</dd>
+<dt><a name='keyset-key-U-0031' id="keyset-key-U-0031">"U+0031"</a></dt>
+<dd>The Digit One key (1).</dd>
+<dt><a name='keyset-key-U-0032' id="keyset-key-U-0032">"U+0032"</a></dt>
+<dd>The Digit Two key (2).</dd>
+<dt><a name='keyset-key-U-0033' id="keyset-key-U-0033">"U+0033"</a></dt>
+<dd>The Digit Three key (3).</dd>
+<dt><a name='keyset-key-U-0034' id="keyset-key-U-0034">"U+0034"</a></dt>
+<dd>The Digit Four key (4).</dd>
+<dt><a name='keyset-key-U-0035' id="keyset-key-U-0035">"U+0035"</a></dt>
+<dd>The Digit Five key (5).</dd>
+<dt><a name='keyset-key-U-0036' id="keyset-key-U-0036">"U+0036"</a></dt>
+<dd>The Digit Six key (6).</dd>
+<dt><a name='keyset-key-U-0037' id="keyset-key-U-0037">"U+0037"</a></dt>
+<dd>The Digit Seven key (7).</dd>
+<dt><a name='keyset-key-U-0038' id="keyset-key-U-0038">"U+0038"</a></dt>
+<dd>The Digit Eight key (8).</dd>
+<dt><a name='keyset-key-U-0039' id="keyset-key-U-0039">"U+0039"</a></dt>
+<dd>The Digit Nine key (9).</dd>
+<dt><a name='keyset-key-U-003A' id="keyset-key-U-003A">"U+003A"</a></dt>
+<dd>The Colon key (:).</dd>
+<dt><a name='keyset-key-U-003B' id="keyset-key-U-003B">"U+003B"</a></dt>
+<dd>The Semicolon key (;).</dd>
+<dt><a name='keyset-key-U-003C' id="keyset-key-U-003C">"U+003C"</a></dt>
+<dd>The Less-Than Sign key (<).</dd>
+<dt><a name='keyset-key-U-003D' id="keyset-key-U-003D">"U+003D"</a></dt>
+<dd>The Equals Sign key (=).</dd>
+<dt><a name='keyset-key-U-003E' id="keyset-key-U-003E">"U+003E"</a></dt>
+<dd>The Greater-Than Sign key (>).</dd>
+<dt><a name='keyset-key-U-003F' id="keyset-key-U-003F">"U+003F"</a></dt>
+<dd>The Question Mark key (?).</dd>
+<dt><a name='keyset-key-U-0040' id="keyset-key-U-0040">"U+0040"</a></dt>
+<dd>The Commercial At (@) key.</dd>
+<dt><a name='keyset-key-U-0041' id="keyset-key-U-0041">"U+0041"</a></dt>
+<dd>The Latin Capital Letter A key (A).</dd>
+<dt><a name='keyset-key-U-0042' id="keyset-key-U-0042">"U+0042"</a></dt>
+<dd>The Latin Capital Letter B key (B).</dd>
+<dt><a name='keyset-key-U-0043' id="keyset-key-U-0043">"U+0043"</a></dt>
+<dd>The Latin Capital Letter C key (C).</dd>
+<dt><a name='keyset-key-U-0044' id="keyset-key-U-0044">"U+0044"</a></dt>
+<dd>The Latin Capital Letter D key (D).</dd>
+<dt><a name='keyset-key-U-0045' id="keyset-key-U-0045">"U+0045"</a></dt>
+<dd>The Latin Capital Letter E key (E).</dd>
+<dt><a name='keyset-key-U-0046' id="keyset-key-U-0046">"U+0046"</a></dt>
+<dd>The Latin Capital Letter F key (F).</dd>
+<dt><a name='keyset-key-U-0047' id="keyset-key-U-0047">"U+0047"</a></dt>
+<dd>The Latin Capital Letter G key (G).</dd>
+<dt><a name='keyset-key-U-0048' id="keyset-key-U-0048">"U+0048"</a></dt>
+<dd>The Latin Capital Letter H key (H).</dd>
+<dt><a name='keyset-key-U-0049' id="keyset-key-U-0049">"U+0049"</a></dt>
+<dd>The Latin Capital Letter I key (I).</dd>
+<dt><a name='keyset-key-U-004A' id="keyset-key-U-004A">"U+004A"</a></dt>
+<dd>The Latin Capital Letter J key (J).</dd>
+<dt><a name='keyset-key-U-004B' id="keyset-key-U-004B">"U+004B"</a></dt>
+<dd>The Latin Capital Letter K key (K).</dd>
+<dt><a name='keyset-key-U-004C' id="keyset-key-U-004C">"U+004C"</a></dt>
+<dd>The Latin Capital Letter L key (L).</dd>
+<dt><a name='keyset-key-U-004D' id="keyset-key-U-004D">"U+004D"</a></dt>
+<dd>The Latin Capital Letter M key (M).</dd>
+<dt><a name='keyset-key-U-004E' id="keyset-key-U-004E">"U+004E"</a></dt>
+<dd>The Latin Capital Letter N key (N).</dd>
+<dt><a name='keyset-key-U-004F' id="keyset-key-U-004F">"U+004F"</a></dt>
+<dd>The Latin Capital Letter O key (O).</dd>
+<dt><a name='keyset-key-U-0050' id="keyset-key-U-0050">"U+0050"</a></dt>
+<dd>The Latin Capital Letter P key (P).</dd>
+<dt><a name='keyset-key-U-0051' id="keyset-key-U-0051">"U+0051"</a></dt>
+<dd>The Latin Capital Letter Q key (Q).</dd>
+<dt><a name='keyset-key-U-0052' id="keyset-key-U-0052">"U+0052"</a></dt>
+<dd>The Latin Capital Letter R key (R).</dd>
+<dt><a name='keyset-key-U-0053' id="keyset-key-U-0053">"U+0053"</a></dt>
+<dd>The Latin Capital Letter S key (S).</dd>
+<dt><a name='keyset-key-U-0054' id="keyset-key-U-0054">"U+0054"</a></dt>
+<dd>The Latin Capital Letter T key (T).</dd>
+<dt><a name='keyset-key-U-0055' id="keyset-key-U-0055">"U+0055"</a></dt>
+<dd>The Latin Capital Letter U key (U).</dd>
+<dt><a name='keyset-key-U-0056' id="keyset-key-U-0056">"U+0056"</a></dt>
+<dd>The Latin Capital Letter V key (V).</dd>
+<dt><a name='keyset-key-U-0057' id="keyset-key-U-0057">"U+0057"</a></dt>
+<dd>The Latin Capital Letter W key (W).</dd>
+<dt><a name='keyset-key-U-0058' id="keyset-key-U-0058">"U+0058"</a></dt>
+<dd>The Latin Capital Letter X key (X).</dd>
+<dt><a name='keyset-key-U-0059' id="keyset-key-U-0059">"U+0059"</a></dt>
+<dd>The Latin Capital Letter Y key (Y).</dd>
+<dt><a name='keyset-key-U-005A' id="keyset-key-U-005A">"U+005A"</a></dt>
+<dd>The Latin Capital Letter Z key (Z).</dd>
+<dt><a name='keyset-key-U-005B' id="keyset-key-U-005B">"U+005B"</a></dt>
+<dd>The Left Square Bracket (Opening Square Bracket) key ([).</dd>
+<dt><a name='keyset-key-U-005C' id="keyset-key-U-005C">"U+005C"</a></dt>
+<dd>The Reverse Solidus (Backslash) key (\).</dd>
+<dt><a name='keyset-key-U-005D' id="keyset-key-U-005D">"U+005D"</a></dt>
+<dd>The Right Square Bracket (Closing Square Bracket) key (]).</dd>
+<dt><a name='keyset-key-U-005E' id="keyset-key-U-005E">"U+005E"</a></dt>
+<dd>The Circumflex Accent key (^).</dd>
+<dt><a name='keyset-key-U-005F' id="keyset-key-U-005F">"U+005F"</a></dt>
+<dd>The Low Sign (Spacing Underscore, Underscore) key (_).</dd>
+<dt><a name='keyset-key-U-0060' id="keyset-key-U-0060">"U+0060"</a></dt>
+<dd>The Grave Accent (Back Quote) key (`).</dd>
+<dt><a name='keyset-key-U-007B' id="keyset-key-U-007B">"U+007B"</a></dt>
+<dd>The Left Curly Bracket (Opening Curly Bracket, Opening Brace, Brace Left) key ({).</dd>
+<dt><a name='keyset-key-U-007C' id="keyset-key-U-007C">"U+007C"</a></dt>
+<dd>The Vertical Line (Vertical Bar, Pipe) key (|).</dd>
+<dt><a name='keyset-key-U-007D' id="keyset-key-U-007D">"U+007D"</a></dt>
+<dd>The Right Curly Bracket (Closing Curly Bracket, Closing Brace, Brace Right) key (}).</dd>
+<dt><a name='keyset-key-U-007F' id="keyset-key-U-007F">"U+007F"</a></dt>
+<dd>The Delete (Del) Key.</dd>
+<dt><a name='keyset-key-U-00A1' id="keyset-key-U-00A1">"U+00A1"</a></dt>
+<dd>The Inverted Exclamation Mark key (¡).</dd>
+<dt><a name='keyset-key-U-0300' id="keyset-key-U-0300">"U+0300"</a></dt>
+<dd>The Combining Grave Accent (Greek Varia, Dead Grave) key.</dd>
+<dt><a name='keyset-key-U-0301' id="keyset-key-U-0301">"U+0301"</a></dt>
+<dd>The Combining Acute Accent (Stress Mark, Greek Oxia, Tonos, Dead Eacute) key.</dd>
+<dt><a name='keyset-key-U-0302' id="keyset-key-U-0302">"U+0302"</a></dt>
+<dd>The Combining Circumflex Accent (Hat, Dead Circumflex) key.</dd>
+<dt><a name='keyset-key-U-0303' id="keyset-key-U-0303">"U+0303"</a></dt>
+<dd>The Combining Tilde (Dead Tilde) key.</dd>
+<dt><a name='keyset-key-U-0304' id="keyset-key-U-0304">"U+0304"</a></dt>
+<dd>The Combining Macron (Long, Dead Macron) key.</dd>
+<dt><a name='keyset-key-U-0306' id="keyset-key-U-0306">"U+0306"</a></dt>
+<dd>The Combining Breve (Short, Dead Breve) key.</dd>
+<dt><a name='keyset-key-U-0307' id="keyset-key-U-0307">"U+0307"</a></dt>
+<dd>The Combining Dot Above (Derivative, Dead Above Dot) key.</dd>
+<dt><a name='keyset-key-U-0308' id="keyset-key-U-0308">"U+0308"</a></dt>
+<dd>The Combining Diaeresis (Double Dot Abode, Umlaut, Greek Dialytika, Double Derivative, Dead Diaeresis) key.</dd>
+<dt><a name='keyset-key-U-030A' id="keyset-key-U-030A">"U+030A"</a></dt>
+<dd>The Combining Ring Above (Dead Above Ring) key.</dd>
+<dt><a name='keyset-key-U-030B' id="keyset-key-U-030B">"U+030B"</a></dt>
+<dd>The Combining Double Acute Accent (Dead Doubleacute) key.</dd>
+<dt><a name='keyset-key-U-030C' id="keyset-key-U-030C">"U+030C"</a></dt>
+<dd>The Combining Caron (Hacek, V Above, Dead Caron) key.</dd>
+<dt><a name='keyset-key-U-0327' id="keyset-key-U-0327">"U+0327"</a></dt>
+<dd>The Combining Cedilla (Dead Cedilla) key.</dd>
+<dt><a name='keyset-key-U-0328' id="keyset-key-U-0328">"U+0328"</a></dt>
+<dd>The Combining Ogonek (Nasal Hook, Dead Ogonek) key.</dd>
+<dt><a name='keyset-key-U-0345' id="keyset-key-U-0345">"U+0345"</a></dt>
+<dd>The Combining Greek Ypogegrammeni (Greek Non-Spacing Iota Below, Iota Subscript, Dead Iota) key.</dd>
+<dt><a name='keyset-key-U-20AC' id="keyset-key-U-20AC">"U+20AC"</a></dt>
+<dd>The Euro Currency Sign key (€).</dd>
+<dt><a name='keyset-key-U-3099' id="keyset-key-U-3099">"U+3099"</a></dt>
+<dd>The Combining Katakana-Hiragana Voiced Sound Mark (Dead Voiced Sound) key.</dd>
+<dt><a name='keyset-key-U-309A' id="keyset-key-U-309A">"U+309A"</a></dt>
+<dd>The Combining Katakana-Hiragana Semi-Voiced Sound Mark (Dead Semivoiced Sound) key.</dd>
+</dl>
+</div>
+<!-- div2 KeySet-Set --></div>
+<!-- div1 KeySet -->
+<a id='changes' name='changes'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='changes-Changes' id="changes-Changes"></a>
+<h1 id='changes-Changes-h1' class='adiv1'>Appendix B: Changes</h1>
+<dl>
+<dt><i>Editors</i>:</dt>
+<dd>Björn Höhrmann</dd>
+<dd>Philippe Le Hégaret, W3C (until November 2003)</dd>
+</dl>
+<div class='div2'><a name='changes-DOMEvents2to3Changes' id="changes-DOMEvents2to3Changes"></a>
+<h2 id='changes-DOMEvents2to3Changes-h2' class='adiv2'>B.1 Changes between DOM Level 2 Events and DOM Level 3 Events</h2>
+<div style='color: red'>(<i><b>ED:</b></i> This section is a bit out of date. )</div>
+<p>This new specification provides a better separation between the DOM event flow, the event types, and the DOM interfaces.</p>
+<div class='div3'><a name='changes-DOMEvents2to3Changes-flow' id="changes-DOMEvents2to3Changes-flow"></a>
+<h3 id='changes-DOMEvents2to3Changes-flow-h3' class='adiv3'>B.1.1 Changes to DOM Level 2 event flow</h3>
+<p>This new specification introduced two new concepts in the event flow:</p>
+<ul>
+<li>event groups: unlike DOM Level 2 Events, <a href='#events-Events-Event-stopPropagation'><code>Event.stopPropagation()</code></a> does no longer stop the event propagation entirely. It only stops it for a given event group.</li>
+<li>partial ordering of event listeners: within an event group, event listeners are now ordered while ordering was unspecified in DOM Level 2 Events.</li>
+</ul>
+</div>
+<!-- div3 DOMEvents2to3Changes-flow -->
+<div class='div3'><a name='changes-DOMEvents2to3Changes-event-types' id="changes-DOMEvents2to3Changes-event-types"></a>
+<h3 id='changes-DOMEvents2to3Changes-event-types-h3' class='adiv3'>B.1.2 Changes to DOM Level 2 event types</h3>
+<p>Lots of clarifications have been made on the event types. The conformance is now explicitly defined against the event types, and not only in terms of interfaces required by the event types. Support for namespaces and the features <code>"BasicEvents"</code>, <code>"TextEvents"</code>, <code>"KeyboardEvents"</code>, and <code>"MutationNameEvents"</code> have been introduced.</p>
+<p>The DOM Level 2 Event <a href='#events-event-load'>load</a> event type can now be dispatched to more [<cite><a class='noxref normative' href='#references-HTML40'>HTML 4.01</a></cite>] elements. <a href='#events-event-blur'>blur</a> and <a href='#events-event-focus'>focus</a> have been clarified and restricted to [<cite><a class='noxref normative' href='#references-HTML40'>HTML 4.01</a></cite>] applications only.</p>
+</div>
+<!-- div3 DOMEvents2to3Changes-event-types -->
+<div class='div3'><a name='changes-DOMLevel2to3Changes' id="changes-DOMLevel2to3Changes"></a>
+<h3 id='changes-DOMLevel2to3Changes-h3' class='adiv3'>B.1.3 Changes to DOM Level 2 Events interfaces</h3>
+<dl>
+<dt>Interface <a href='#events-Events-Event'><code>Event</code></a></dt>
+<dd>The <a href='#events-Events-Event'><code>Event</code></a> interface has a new attribute <a href='#events-Events-Event-namespaceURI'><code>Event.namespaceURI</code></a>, and a four new methods: <code>Event.isCustom()</code>, <a href='#events-Events-Event-stopImmediatePropagation'><code>Event.stopImmediatePropagation()</code></a>, <code>Event.isDefaultPrevented()</code>, and <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS</code></a>.</dd>
+<dt>Interface <a href='#events-Events-EventTarget'><code>EventTarget</code></a></dt>
+<dd>The <a href='#events-Events-EventTarget'><code>EventTarget</code></a> interface has four new methods: <a href='#events-Events-EventTargetGroup-addEventListenerNS'><code>EventTarget.addEventListenerNS(namespaceURI, type, listener, useCapture, evtGroup)</code></a>, <a href='#events-Events-EventTargetGroup-removeEventListenerNS'><code>EventTarget.removeEventListenerNS(namespaceURI, type, listener, useCapture)</code></a>, <code>EventTarget.willTriggerNS(namespaceURI, type)</code>, <code>EventTarget.hasEventListenerNS(namespaceURI, type)</code>. The method <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent(evt)</code></a> was modified.</dd>
+<dt>Interface <a href='#events-Events-DocumentEvent'><code>DocumentEvent</code></a></dt>
+<dd>The <a href='#events-Events-DocumentEvent'><code>DocumentEvent</code></a> interface has one new method: <a href='#events-Events-DocumentEvent-canDispatch'><code>DocumentEvent.canDispatch(namespaceURI, type)</code></a>.</dd>
+<dt>Interface <a href='#events-Events-UIEvent'><code>UIEvent</code></a></dt>
+<dd>The <a href='#events-Events-UIEvent'><code>UIEvent</code></a> interface has a new method <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS(...)</code></a>.</dd>
+<dt>Interface <a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></dt>
+<dd>The <a href='#events-Events-MouseEvent'><code>MouseEvent</code></a> interface has two new methods <a href='#events-Events-MouseEvent-getModifierState'><code>MouseEvent.getModifierState(keyIdentifierArg)</code></a> and <a href='#events-Events-Event-initMouseEventNS'><code>MouseEvent.initMouseEventNS(...)</code></a>.</dd>
+<dt>Interface <a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></dt>
+<dd>The <a href='#events-Events-MutationEvent'><code>MutationEvent</code></a> interface has a new method <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS(...)</code></a>.</dd>
+<dt>Exception <a href='#events-Events-EventException'><code>EventException</code></a></dt>
+<dd>The <a href='#events-DISPATCH_REQUEST_ERR'><code>DISPATCH_REQUEST_ERR</code></a> constant has been added.</dd>
+</dl>
+</div>
+<!-- div3 DOMLevel2to3Changes -->
+<div class='div3'><a name='changes-DOMLevel3Addons' id="changes-DOMLevel3Addons"></a>
+<h3 id='changes-DOMLevel3Addons-h3' class='adiv3'>B.1.4 New Interfaces</h3>
+<p>The interfaces <a href='#events-Events-CustomEvent'><code>CustomEvent</code></a>, <a href='#events-Events-TextEvent'><code>TextEvent</code></a>, <a href='#events-Events-KeyboardEvent'><code>KeyboardEvent</code></a>, and <a href='#events-Events-MutationNameEvent'><code>MutationNameEvent</code></a> were added to the Events module.</p>
+</div>
+<!-- div3 DOMLevel3Addons --></div>
+<!-- div2 DOMEvents2to3Changes --></div>
+<!-- div1 Changes -->
+<a id='idl-definitions' name='idl-definitions'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='idl-definitions-idl' id="idl-definitions-idl"></a>
+<h1 id='idl-definitions-idl-h1' class='adiv1'>Appendix C: IDL Definitions</h1>
+<p class='first'>This appendix contains the complete OMG IDL [<cite><a class='noxref normative' href='#references-OMGIDL'>OMG IDL</a></cite>] for the Level 3 Document Object Model Events definitions.</p>
+<p>The IDL files are also available as: <a class='normative' href='idl.zip'>http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/idl.zip</a></p>
+<h3 id='idl-definitions-idl-events.idl'><a href='idl/events.idl'>events.idl</a>:</h3>
+<div class='idl-code'>
+<pre>
+// File: events.idl
+
+#ifndef _EVENTS_IDL_
+#define _EVENTS_IDL_
+
+#include "dom.idl"
+#include "views.idl"
+
+#pragma prefix "dom.w3c.org"
+module events
+{
+
+ typedef dom::DOMString DOMString;
+ typedef dom::DOMTimeStamp DOMTimeStamp;
+ typedef dom::DOMObject DOMObject;
+ typedef dom::Node Node;
+
+ interface EventTarget;
+ interface EventListener;
+
+ // Introduced in DOM Level 2:
+ exception <a class='noxref' href='#events-Events-EventException'>EventException</a> {
+ unsigned short code;
+ };
+ // EventExceptionCode
+ const unsigned short <a class='noxref' href='#events-UNSPECIFIED_EVENT_TYPE_ERR'>UNSPECIFIED_EVENT_TYPE_ERR</a> = 0;
+ // Introduced in DOM Level 3:
+ const unsigned short <a class='noxref' href='#events-DISPATCH_REQUEST_ERR'>DISPATCH_REQUEST_ERR</a> = 1;
+
+
+ // Introduced in DOM Level 2:
+ interface <a class='noxref' href='#events-Events-Event'>Event</a> {
+
+ // PhaseType
+ const unsigned short <a class='noxref' href='#events-CAPTURING_PHASE'>CAPTURING_PHASE</a> = 1;
+ const unsigned short <a class='noxref' href='#events-AT_TARGET'>AT_TARGET</a> = 2;
+ const unsigned short <a class='noxref' href='#events-BUBBLING_PHASE'>BUBBLING_PHASE</a> = 3;
+
+ readonly attribute DOMString <a class='noxref' href='#events-Events-Event-type'>type</a>;
+ readonly attribute <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> <a class='noxref' href='#events-Events-Event-target'>target</a>;
+ readonly attribute <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> <a class='noxref' href='#events-Events-Event-currentTarget'>currentTarget</a>;
+ readonly attribute unsigned short <a class='noxref' href='#events-Events-Event-eventPhase'>eventPhase</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-Event-canBubble'>bubbles</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-Event-canCancel'>cancelable</a>;
+ readonly attribute DOMTimeStamp <a class='noxref' href='#events-Events-Event-timeStamp'>timeStamp</a>;
+ void <a class='noxref' href='#events-Events-Event-stopPropagation'>stopPropagation</a>();
+ void <a class='noxref' href='#events-Events-Event-preventDefault'>preventDefault</a>();
+ void <a class='noxref' href='#events-Events-Event-initEvent'>initEvent</a>(in DOMString eventTypeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg);
+ // Introduced in DOM Level 3:
+ readonly attribute DOMString <a class='noxref' href='#events-Events-Event-namespaceURI'>namespaceURI</a>;
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-stopImmediatePropagation'>stopImmediatePropagation</a>();
+ // Introduced in DOM Level 3:
+ readonly attribute boolean <a class='noxref' href='#events-Events-Event-defaultPrevented'>defaultPrevented</a>;
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initEventNS'>initEventNS</a>(in DOMString namespaceURIArg,
+ in DOMString eventTypeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg);
+ };
+
+ // Introduced in DOM Level 2:
+ interface <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> {
+ void <a class='noxref' href='#events-Events-EventTarget-addEventListener'>addEventListener</a>(in DOMString type,
+ in <a class='noxref' href='#events-Events-EventListener'>EventListener</a> listener,
+ in boolean useCapture);
+ void <a class='noxref' href='#events-Events-EventTarget-removeEventListener'>removeEventListener</a>(in DOMString type,
+ in <a class='noxref' href='#events-Events-EventListener'>EventListener</a> listener,
+ in boolean useCapture);
+ // Modified in DOM Level 3:
+ boolean <a class='noxref' href='#events-Events-EventTarget-dispatchEvent'>dispatchEvent</a>(in <a class='noxref' href='#events-Events-Event'>Event</a> evt)
+ raises(<a class='noxref' href='#events-Events-EventException'>EventException</a>,
+ dom::DOMException);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-EventTargetGroup-addEventListenerNS'>addEventListenerNS</a>(in DOMString namespaceURI,
+ in DOMString type,
+ in <a class='noxref' href='#events-Events-EventListener'>EventListener</a> listener,
+ in boolean useCapture,
+ in DOMObject evtGroup);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-EventTargetGroup-removeEventListenerNS'>removeEventListenerNS</a>(in DOMString namespaceURI,
+ in DOMString type,
+ in <a class='noxref' href='#events-Events-EventListener'>EventListener</a> listener,
+ in boolean useCapture);
+ };
+
+ // Introduced in DOM Level 2:
+ interface <a class='noxref' href='#events-Events-EventListener'>EventListener</a> {
+ void <a class='noxref' href='#events-Events-EventListener-handleEvent'>handleEvent</a>(in <a class='noxref' href='#events-Events-Event'>Event</a> evt);
+ };
+
+ // Introduced in DOM Level 2:
+ interface <a class='noxref' href='#events-Events-DocumentEvent'>DocumentEvent</a> {
+ <a class='noxref' href='#events-Events-Event'>Event</a> <a class='noxref' href='#events-Events-DocumentEvent-createEvent'>createEvent</a>(in DOMString eventType)
+ raises(dom::DOMException);
+ // Introduced in DOM Level 3:
+ boolean <a class='noxref' href='#events-Events-DocumentEvent-canDispatch'>canDispatch</a>(in DOMString namespaceURI,
+ in DOMString type);
+ };
+
+ // Introduced in DOM Level 3:
+ interface <a class='noxref' href='#events-Events-CustomEvent'>CustomEvent</a> : <a class='noxref' href='#events-Events-Event'>Event</a> {
+ readonly attribute DOMObject <a class='noxref' href='#events-Events-CustomEvent-detail'>detail</a>;
+ void <a class='noxref' href='#events-Events-Event-initCustomEventNS'>initCustomEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in DOMObject detailArg);
+ };
+
+ // Introduced in DOM Level 2:
+ interface <a class='noxref' href='#events-Events-UIEvent'>UIEvent</a> : <a class='noxref' href='#events-Events-Event'>Event</a> {
+ readonly attribute views::AbstractView <a class='noxref' href='#events-Events-UIEvent-view'>view</a>;
+ readonly attribute long <a class='noxref' href='#events-Events-UIEvent-detail'>detail</a>;
+ void <a class='noxref' href='#events-Events-Event-initUIEvent'>initUIEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in long detailArg);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initUIEventNS'>initUIEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in long detailArg);
+ };
+
+ // Introduced in DOM Level 3:
+ interface <a class='noxref' href='#events-Events-TextEvent'>TextEvent</a> : <a class='noxref' href='#events-Events-UIEvent'>UIEvent</a> {
+ readonly attribute DOMString <a class='noxref' href='#events-Events-UIEvent-data'>data</a>;
+ void <a class='noxref' href='#events-Events-Event-initTextEvent'>initTextEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in DOMString dataArg);
+ void <a class='noxref' href='#events-Events-Event-initTextEventNS'>initTextEventNS</a>(in DOMString namespaceURI,
+ in DOMString type,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in DOMString dataArg);
+ };
+
+ // Introduced in DOM Level 2:
+ interface <a class='noxref' href='#events-Events-MouseEvent'>MouseEvent</a> : <a class='noxref' href='#events-Events-UIEvent'>UIEvent</a> {
+ readonly attribute long <a class='noxref' href='#events-Events-MouseEvent-screenX'>screenX</a>;
+ readonly attribute long <a class='noxref' href='#events-Events-MouseEvent-screenY'>screenY</a>;
+ readonly attribute long <a class='noxref' href='#events-Events-MouseEvent-clientX'>clientX</a>;
+ readonly attribute long <a class='noxref' href='#events-Events-MouseEvent-clientY'>clientY</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-MouseEvent-ctrlKey'>ctrlKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-MouseEvent-shiftKey'>shiftKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-MouseEvent-altKey'>altKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-MouseEvent-metaKey'>metaKey</a>;
+ readonly attribute unsigned short <a class='noxref' href='#events-Events-MouseEvent-button'>button</a>;
+ readonly attribute <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> <a class='noxref' href='#events-Events-MouseEvent-relatedTarget'>relatedTarget</a>;
+ void <a class='noxref' href='#events-Events-Event-initMouseEvent'>initMouseEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in long detailArg,
+ in long screenXArg,
+ in long screenYArg,
+ in long clientXArg,
+ in long clientYArg,
+ in boolean ctrlKeyArg,
+ in boolean altKeyArg,
+ in boolean shiftKeyArg,
+ in boolean metaKeyArg,
+ in unsigned short buttonArg,
+ in <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> relatedTargetArg);
+ // Introduced in DOM Level 3:
+ boolean <a class='noxref' href='#events-Events-MouseEvent-getModifierState'>getModifierState</a>(in DOMString keyIdentifierArg);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initMouseEventNS'>initMouseEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in long detailArg,
+ in long screenXArg,
+ in long screenYArg,
+ in long clientXArg,
+ in long clientYArg,
+ in unsigned short buttonArg,
+ in <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> relatedTargetArg,
+ in DOMString modifiersList);
+ };
+
+ // Introduced in DOM Level 3:
+ interface <a class='noxref' href='#events-Events-KeyboardEvent'>KeyboardEvent</a> : <a class='noxref' href='#events-Events-UIEvent'>UIEvent</a> {
+
+ // KeyLocationCode
+ const unsigned long <a class='noxref' href='#events-DOM_KEY_LOCATION_STANDARD'>DOM_KEY_LOCATION_STANDARD</a> = 0x00;
+ const unsigned long <a class='noxref' href='#events-DOM_KEY_LOCATION_LEFT'>DOM_KEY_LOCATION_LEFT</a> = 0x01;
+ const unsigned long <a class='noxref' href='#events-DOM_KEY_LOCATION_RIGHT'>DOM_KEY_LOCATION_RIGHT</a> = 0x02;
+ const unsigned long <a class='noxref' href='#events-DOM_KEY_LOCATION_NUMPAD'>DOM_KEY_LOCATION_NUMPAD</a> = 0x03;
+
+ readonly attribute DOMString <a class='noxref' href='#events-Events-KeyboardEvent-keyIdentifier'>keyIdentifier</a>;
+ readonly attribute unsigned long <a class='noxref' href='#events-Events-KeyboardEvent-keylocation'>keyLocation</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-KeyboardEvent-ctrlKey'>ctrlKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-KeyboardEvent-shiftKey'>shiftKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-KeyboardEvent-altKey'>altKey</a>;
+ readonly attribute boolean <a class='noxref' href='#events-Events-KeyboardEvent-metaKey'>metaKey</a>;
+ boolean <a class='noxref' href='#events-Events-KeyboardEvent-getModifierState'>getModifierState</a>(in DOMString keyIdentifierArg);
+ void <a class='noxref' href='#events-Events-KeyboardEvent-initKeyboardEvent'>initKeyboardEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in DOMString keyIdentifierArg,
+ in unsigned long keyLocationArg,
+ in DOMString modifiersList);
+ void <a class='noxref' href='#events-Events-KeyboardEvent-initKeyboardEventNS'>initKeyboardEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in views::AbstractView viewArg,
+ in DOMString keyIdentifierArg,
+ in unsigned long keyLocationArg,
+ in DOMString modifiersList);
+ };
+
+ // Introduced in DOM Level 2:
+ interface <a class='noxref' href='#events-Events-MutationEvent'>MutationEvent</a> : <a class='noxref' href='#events-Events-Event'>Event</a> {
+
+ // attrChangeType
+ const unsigned short <a class='noxref' href='#events-MODIFICATION'>MODIFICATION</a> = 1;
+ const unsigned short <a class='noxref' href='#events-ADDITION'>ADDITION</a> = 2;
+ const unsigned short <a class='noxref' href='#events-REMOVAL'>REMOVAL</a> = 3;
+
+ readonly attribute Node <a class='noxref' href='#events-Events-MutationEvent-relatedNode'>relatedNode</a>;
+ readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-prevValue'>prevValue</a>;
+ readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-newValue'>newValue</a>;
+ readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-attrName'>attrName</a>;
+ readonly attribute unsigned short <a class='noxref' href='#events-Events-MutationEvent-attrChange'>attrChange</a>;
+ void <a class='noxref' href='#events-Events-Event-initMutationEvent'>initMutationEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in Node relatedNodeArg,
+ in DOMString prevValueArg,
+ in DOMString newValueArg,
+ in DOMString attrNameArg,
+ in unsigned short attrChangeArg);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initMutationEventNS'>initMutationEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in Node relatedNodeArg,
+ in DOMString prevValueArg,
+ in DOMString newValueArg,
+ in DOMString attrNameArg,
+ in unsigned short attrChangeArg);
+ };
+
+ // Introduced in DOM Level 3:
+ interface <a class='noxref' href='#events-Events-MutationNameEvent'>MutationNameEvent</a> : <a class='noxref' href='#events-Events-MutationEvent'>MutationEvent</a> {
+ readonly attribute DOMString <a class='noxref' href='#events-Events-MutationNameEvent-prevNamespaceURI'>prevNamespaceURI</a>;
+ readonly attribute DOMString <a class='noxref' href='#events-Events-MutationNameEvent-prevNodeName'>prevNodeName</a>;
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initMutationNameEvent'>initMutationNameEvent</a>(in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in Node relatedNodeArg,
+ in DOMString prevNamespaceURIArg,
+ in DOMString prevNodeNameArg);
+ // Introduced in DOM Level 3:
+ void <a class='noxref' href='#events-Events-Event-initMutationNameEventNS'>initMutationNameEventNS</a>(in DOMString namespaceURI,
+ in DOMString typeArg,
+ in boolean canBubbleArg,
+ in boolean cancelableArg,
+ in Node relatedNodeArg,
+ in DOMString prevNamespaceURIArg,
+ in DOMString prevNodeNameArg);
+ };
+};
+
+#endif // _EVENTS_IDL_
+
+</pre></div>
+</div>
+<!-- div1 idl -->
+<a id='java-binding' name='java-binding'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='java-binding-java-binding' id="java-binding-java-binding"></a>
+<h1 id='java-binding-java-binding-h1' class='adiv1'>Appendix D: Java Language Binding</h1>
+<div style='color: red'>(<i><b>ED:</b></i> Paths should use <code>/</code> rather than <code>\</code>. )</div>
+<p class='first'>This appendix contains the complete Java [<cite><a class='noxref normative' href='#references-Java'>Java</a></cite>] bindings for the Level 3 Document Object Model Events.</p>
+<p>The Java files are also available as <a class='normative' href='java-binding.zip'>http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/java-binding.zip</a></p>
+<h3 id='java-binding-org.w3c.dom.events.EventException'>org\w3c\dom\events\EventException.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+public class EventException extends RuntimeException {
+ public EventException(short code, String message) {
+ super(message);
+ this.code = code;
+ }
+ public short code;
+ // EventExceptionCode
+ public static final short UNSPECIFIED_EVENT_TYPE_ERR = 0;
+ public static final short DISPATCH_REQUEST_ERR = 1;
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.Event'>org\w3c\dom\events\Event.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+public interface Event {
+ // PhaseType
+ public static final short CAPTURING_PHASE = 1;
+ public static final short AT_TARGET = 2;
+ public static final short BUBBLING_PHASE = 3;
+
+ public String getType();
+
+ public EventTarget getTarget();
+
+ public EventTarget getCurrentTarget();
+
+ public short getEventPhase();
+
+ public boolean getBubbles();
+
+ public boolean getCancelable();
+
+ public long getTimeStamp();
+
+ public void stopPropagation();
+
+ public void preventDefault();
+
+ public void initEvent(String eventTypeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg);
+
+ public String getNamespaceURI();
+
+ public void stopImmediatePropagation();
+
+ public boolean getDefaultPrevented();
+
+ public void initEventNS(String namespaceURIArg,
+ String eventTypeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg);
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.EventTarget'>org\w3c\dom\events\EventTarget.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+import org.w3c.dom.DOMException;
+
+public interface EventTarget {
+ public void addEventListener(String type,
+ EventListener listener,
+ boolean useCapture);
+
+ public void removeEventListener(String type,
+ EventListener listener,
+ boolean useCapture);
+
+ public boolean dispatchEvent(Event evt)
+ throws EventException, DOMException;
+
+ public void addEventListenerNS(String namespaceURI,
+ String type,
+ EventListener listener,
+ boolean useCapture,
+ Object evtGroup);
+
+ public void removeEventListenerNS(String namespaceURI,
+ String type,
+ EventListener listener,
+ boolean useCapture);
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.EventListener'>org\w3c\dom\events\EventListener.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+public interface EventListener {
+ public void handleEvent(Event evt);
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.DocumentEvent'>org\w3c\dom\events\DocumentEvent.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+import org.w3c.dom.DOMException;
+
+public interface DocumentEvent {
+ public Event createEvent(String eventType)
+ throws DOMException;
+
+ public boolean canDispatch(String namespaceURI,
+ String type);
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.CustomEvent'>org\w3c\dom\events\CustomEvent.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+public interface CustomEvent extends Event {
+ public Object getDetail();
+
+ public void initCustomEventNS(String namespaceURI,
+ String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ Object detailArg);
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.UIEvent'>org\w3c\dom\events\UIEvent.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+import org.w3c.dom.views.AbstractView;
+
+public interface UIEvent extends Event {
+ public AbstractView getView();
+
+ public int getDetail();
+
+ public void initUIEvent(String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ AbstractView viewArg,
+ int detailArg);
+
+ public void initUIEventNS(String namespaceURI,
+ String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ AbstractView viewArg,
+ int detailArg);
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.TextEvent'>org\w3c\dom\events\TextEvent.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+import org.w3c.dom.views.AbstractView;
+
+public interface TextEvent extends UIEvent {
+ public String getData();
+
+ public void initTextEvent(String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ AbstractView viewArg,
+ String dataArg);
+
+ public void initTextEventNS(String namespaceURI,
+ String type,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ AbstractView viewArg,
+ String dataArg);
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.MouseEvent'>org\w3c\dom\events\MouseEvent.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+import org.w3c.dom.views.AbstractView;
+
+public interface MouseEvent extends UIEvent {
+ public int getScreenX();
+
+ public int getScreenY();
+
+ public int getClientX();
+
+ public int getClientY();
+
+ public boolean getCtrlKey();
+
+ public boolean getShiftKey();
+
+ public boolean getAltKey();
+
+ public boolean getMetaKey();
+
+ public short getButton();
+
+ public EventTarget getRelatedTarget();
+
+ public void initMouseEvent(String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ AbstractView viewArg,
+ int detailArg,
+ int screenXArg,
+ int screenYArg,
+ int clientXArg,
+ int clientYArg,
+ boolean ctrlKeyArg,
+ boolean altKeyArg,
+ boolean shiftKeyArg,
+ boolean metaKeyArg,
+ short buttonArg,
+ EventTarget relatedTargetArg);
+
+ public boolean getModifierState(String keyIdentifierArg);
+
+ public void initMouseEventNS(String namespaceURI,
+ String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ AbstractView viewArg,
+ int detailArg,
+ int screenXArg,
+ int screenYArg,
+ int clientXArg,
+ int clientYArg,
+ short buttonArg,
+ EventTarget relatedTargetArg,
+ String modifiersList);
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.KeyboardEvent'>org\w3c\dom\events\KeyboardEvent.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+import org.w3c.dom.views.AbstractView;
+
+public interface KeyboardEvent extends UIEvent {
+ // KeyLocationCode
+ public static final int DOM_KEY_LOCATION_STANDARD = 0x00;
+ public static final int DOM_KEY_LOCATION_LEFT = 0x01;
+ public static final int DOM_KEY_LOCATION_RIGHT = 0x02;
+ public static final int DOM_KEY_LOCATION_NUMPAD = 0x03;
+
+ public String getKeyIdentifier();
+
+ public int getKeyLocation();
+
+ public boolean getCtrlKey();
+
+ public boolean getShiftKey();
+
+ public boolean getAltKey();
+
+ public boolean getMetaKey();
+
+ public boolean getModifierState(String keyIdentifierArg);
+
+ public void initKeyboardEvent(String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ AbstractView viewArg,
+ String keyIdentifierArg,
+ int keyLocationArg,
+ String modifiersList);
+
+ public void initKeyboardEventNS(String namespaceURI,
+ String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ AbstractView viewArg,
+ String keyIdentifierArg,
+ int keyLocationArg,
+ String modifiersList);
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.MutationEvent'>org\w3c\dom\events\MutationEvent.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+import org.w3c.dom.Node;
+
+public interface MutationEvent extends Event {
+ // attrChangeType
+ public static final short MODIFICATION = 1;
+ public static final short ADDITION = 2;
+ public static final short REMOVAL = 3;
+
+ public Node getRelatedNode();
+
+ public String getPrevValue();
+
+ public String getNewValue();
+
+ public String getAttrName();
+
+ public short getAttrChange();
+
+ public void initMutationEvent(String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ Node relatedNodeArg,
+ String prevValueArg,
+ String newValueArg,
+ String attrNameArg,
+ short attrChangeArg);
+
+ public void initMutationEventNS(String namespaceURI,
+ String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ Node relatedNodeArg,
+ String prevValueArg,
+ String newValueArg,
+ String attrNameArg,
+ short attrChangeArg);
+
+}
+</pre></div>
+<h3 id='java-binding-org.w3c.dom.events.MutationNameEvent'>org\w3c\dom\events\MutationNameEvent.java:</h3>
+<div class='java-code'>
+<pre>
+package org.w3c.dom.events;
+
+import org.w3c.dom.Node;
+
+public interface MutationNameEvent extends MutationEvent {
+ public String getPrevNamespaceURI();
+
+ public String getPrevNodeName();
+
+ public void initMutationNameEvent(String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ Node relatedNodeArg,
+ String prevNamespaceURIArg,
+ String prevNodeNameArg);
+
+ public void initMutationNameEventNS(String namespaceURI,
+ String typeArg,
+ boolean canBubbleArg,
+ boolean cancelableArg,
+ Node relatedNodeArg,
+ String prevNamespaceURIArg,
+ String prevNodeNameArg);
+
+}
+</pre></div>
+</div>
+<!-- div1 java-binding -->
+<a id='ecma-script-binding' name='ecma-script-binding'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='ecma-script-binding-ecma-binding' id="ecma-script-binding-ecma-binding"></a>
+<h1 id='ecma-script-binding-ecma-binding-h1' class='adiv1'>Appendix E: ECMAScript Language Binding</h1>
+<p class='first'>This appendix contains the complete ECMAScript [<cite><a class='noxref normative' href='#references-ECMAScript'>ECMAScript</a></cite>] binding for the Level 3 Document Object Model Events definitions.</p>
+<div style='color: red'>(<i><b>ED:</b></i> There a some open issues regarding clarifications around terms such as 'read-only', <a class='normative' href='http://www.w3.org/2005/06/tracker/webapi/issues/24'>ISSUE-24: DOM3EV: DontDelete and other internal properties</a>, <a class='normative' href='http://www.w3.org/2005/06/tracker/webapi/issues/23'>ISSUE-23: DOM3EV: passing non-Strings to String methods</a>, <a class='normative' href='http://www.w3.org/2005/06/tracker/webapi/issues/22'>ISSUE-22: DOM3EV: Define what "read-only" means for ECMAScript</a>, and see also <a class='normative' href='http://www.w3.org/mid/48E466DD-B5E0-4379-98F0-3BE2312DBF4A@apple.com'>Proposed rewrite of DOM3EV Appendix E</a>, <a class='normative' href='http://www.w3.org/2005/06/tracker/webapi/issues/21'>ISSUE-21: Should we use RFC 2119 keywords keywords consistently to state conformance requirements?</a>; see also <a class='normative' href='http://www.w3.org/2005/06/tracker/webapi/issues/13'>ISSUE-13</a>. )</div>
+<div class='ecma-block'>
+<dl>
+<dt>Properties of the <b>Event</b> Constructor function:</dt>
+<dd>
+<dl>
+<dt><b>Event.CAPTURING_PHASE</b></dt>
+<dd>The value of the constant <b>Event.CAPTURING_PHASE</b> is <b>1</b>.</dd>
+<dt><b>Event.AT_TARGET</b></dt>
+<dd>The value of the constant <b>Event.AT_TARGET</b> is <b>2</b>.</dd>
+<dt><b>Event.BUBBLING_PHASE</b></dt>
+<dd>The value of the constant <b>Event.BUBBLING_PHASE</b> is <b>3</b>.</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>Event</b> interface:</dt>
+<dd>
+<dl>
+<dt>Properties of objects that implement the <b>Event</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>type</b></dt>
+<dd>This read-only property is a <b>String</b>.</dd>
+<dt><b>target</b></dt>
+<dd>This read-only property is an object that implements the <b>EventTarget</b> interface.</dd>
+<dt><b>currentTarget</b></dt>
+<dd>This read-only property is an object that implements the <b>EventTarget</b> interface.</dd>
+<dt><b>eventPhase</b></dt>
+<dd>This read-only property is a <b>Number</b>.</dd>
+<dt><b>bubbles</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+<dt><b>cancelable</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+<dt><b>timeStamp</b></dt>
+<dd>This read-only property is an object that implements the <b>Date</b> interface.</dd>
+<dt><b>namespaceURI</b></dt>
+<dd>This read-only property is a <b>String</b>.</dd>
+<dt><b>defaultPrevented</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+</dl>
+</dd>
+<dt>Functions of objects that implement the <b>Event</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>stopPropagation()</b></dt>
+<dd>This function has no return value.</dd>
+<dt><b>preventDefault()</b></dt>
+<dd>This function has no return value.</dd>
+<dt><b>initEvent(eventTypeArg, canBubbleArg, cancelableArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>eventTypeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.</dd>
+<dt><b>stopImmediatePropagation()</b></dt>
+<dd>This function has no return value.</dd>
+<dt><b>initEventNS(namespaceURIArg, eventTypeArg, canBubbleArg, cancelableArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
+The <b>eventTypeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>EventTarget</b> interface:</dt>
+<dd>
+<dl>
+<dt>Functions of objects that implement the <b>EventTarget</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>addEventListener(type, listener, useCapture)</b></dt>
+<dd>This function has no return value.<br />
+The <b>type</b> parameter is a <b>String</b>.<br />
+The <b>listener</b> parameter is an object that implements the <b>EventListener</b> interface.<br />
+The <b>useCapture</b> parameter is a <b>Boolean</b>.</dd>
+<dt><b>removeEventListener(type, listener, useCapture)</b></dt>
+<dd>This function has no return value.<br />
+The <b>type</b> parameter is a <b>String</b>.<br />
+The <b>listener</b> parameter is an object that implements the <b>EventListener</b> interface.<br />
+The <b>useCapture</b> parameter is a <b>Boolean</b>.</dd>
+<dt><b>dispatchEvent(evt)</b></dt>
+<dd>This function returns a <b>Boolean</b>.<br />
+The <b>evt</b> parameter is an object that implements the <b>Event</b> interface.<br />
+This function can raise an object that implements the <b>EventException</b> interface or the <b>DOMException</b> interface.</dd>
+<dt><b>addEventListenerNS(namespaceURI, type, listener, useCapture, evtGroup)</b></dt>
+<dd>This function has no return value.<br />
+The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
+The <b>type</b> parameter is a <b>String</b>.<br />
+The <b>listener</b> parameter is an object that implements the <b>EventListener</b> interface.<br />
+The <b>useCapture</b> parameter is a <b>Boolean</b>.<br />
+The <b>evtGroup</b> parameter is an object that implements the <b>Object</b> interface.</dd>
+<dt><b>removeEventListenerNS(namespaceURI, type, listener, useCapture)</b></dt>
+<dd>This function has no return value.<br />
+The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
+The <b>type</b> parameter is a <b>String</b>.<br />
+The <b>listener</b> parameter is an object that implements the <b>EventListener</b> interface.<br />
+The <b>useCapture</b> parameter is a <b>Boolean</b>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt><b>EventListener</b> function:</dt>
+<dd>This function has no return value. The parameter is an object that implements the <b>Event</b> interface.</dd>
+<dt>Properties of the <b>EventException</b> Constructor function:</dt>
+<dd>
+<dl>
+<dt><b>EventException.UNSPECIFIED_EVENT_TYPE_ERR</b></dt>
+<dd>The value of the constant <b>EventException.UNSPECIFIED_EVENT_TYPE_ERR</b> is <b>0</b>.</dd>
+<dt><b>EventException.DISPATCH_REQUEST_ERR</b></dt>
+<dd>The value of the constant <b>EventException.DISPATCH_REQUEST_ERR</b> is <b>1</b>.</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>EventException</b> interface:</dt>
+<dd>
+<dl>
+<dt>Properties of objects that implement the <b>EventException</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>code</b></dt>
+<dd>This property is a <b>Number</b>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>DocumentEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt>Functions of objects that implement the <b>DocumentEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>createEvent(eventType)</b></dt>
+<dd>This function returns an object that implements the <b>Event</b> interface.<br />
+The <b>eventType</b> parameter is a <b>String</b>.<br />
+This function can raise an object that implements the <b>DOMException</b> interface.</dd>
+<dt><b>canDispatch(namespaceURI, type)</b></dt>
+<dd>This function returns a <b>Boolean</b>.<br />
+The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
+The <b>type</b> parameter is a <b>String</b>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>CustomEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt>Objects that implement the <b>CustomEvent</b> interface have all properties and functions of the <b>Event</b> interface as well as the properties and functions defined below.</dt>
+<dt>Properties of objects that implement the <b>CustomEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>detail</b></dt>
+<dd>This read-only property is an object that implements the <b>Object</b> interface.</dd>
+</dl>
+</dd>
+<dt>Functions of objects that implement the <b>CustomEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>initCustomEventNS(namespaceURI, typeArg, canBubbleArg, cancelableArg, detailArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>detailArg</b> parameter is an object that implements the <b>Object</b> interface.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>UIEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt>Objects that implement the <b>UIEvent</b> interface have all properties and functions of the <b>Event</b> interface as well as the properties and functions defined below.</dt>
+<dt>Properties of objects that implement the <b>UIEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>view</b></dt>
+<dd>This read-only property is an object that implements the <b>AbstractView</b> interface.</dd>
+<dt><b>detail</b></dt>
+<dd>This read-only property is a <b>Number</b>.</dd>
+</dl>
+</dd>
+<dt>Functions of objects that implement the <b>UIEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>initUIEvent(typeArg, canBubbleArg, cancelableArg, viewArg, detailArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
+The <b>detailArg</b> parameter is a <b>Number</b>.</dd>
+<dt><b>initUIEventNS(namespaceURI, typeArg, canBubbleArg, cancelableArg, viewArg, detailArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
+The <b>detailArg</b> parameter is a <b>Number</b>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>TextEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt>Objects that implement the <b>TextEvent</b> interface have all properties and functions of the <b>UIEvent</b> interface as well as the properties and functions defined below.</dt>
+<dt>Properties of objects that implement the <b>TextEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>data</b></dt>
+<dd>This read-only property is a <b>String</b>.</dd>
+</dl>
+</dd>
+<dt>Functions of objects that implement the <b>TextEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>initTextEvent(typeArg, canBubbleArg, cancelableArg, viewArg, dataArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
+The <b>dataArg</b> parameter is a <b>String</b>.</dd>
+<dt><b>initTextEventNS(namespaceURI, type, canBubbleArg, cancelableArg, viewArg, dataArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
+The <b>type</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
+The <b>dataArg</b> parameter is a <b>String</b>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>MouseEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt>Objects that implement the <b>MouseEvent</b> interface have all properties and functions of the <b>UIEvent</b> interface as well as the properties and functions defined below.</dt>
+<dt>Properties of objects that implement the <b>MouseEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>screenX</b></dt>
+<dd>This read-only property is a <b>Number</b>.</dd>
+<dt><b>screenY</b></dt>
+<dd>This read-only property is a <b>Number</b>.</dd>
+<dt><b>clientX</b></dt>
+<dd>This read-only property is a <b>Number</b>.</dd>
+<dt><b>clientY</b></dt>
+<dd>This read-only property is a <b>Number</b>.</dd>
+<dt><b>ctrlKey</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+<dt><b>shiftKey</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+<dt><b>altKey</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+<dt><b>metaKey</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+<dt><b>button</b></dt>
+<dd>This read-only property is a <b>Number</b>.</dd>
+<dt><b>relatedTarget</b></dt>
+<dd>This read-only property is an object that implements the <b>EventTarget</b> interface.</dd>
+</dl>
+</dd>
+<dt>Functions of objects that implement the <b>MouseEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>initMouseEvent(typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, ctrlKeyArg, altKeyArg, shiftKeyArg, metaKeyArg, buttonArg, relatedTargetArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
+The <b>detailArg</b> parameter is a <b>Number</b>.<br />
+The <b>screenXArg</b> parameter is a <b>Number</b>.<br />
+The <b>screenYArg</b> parameter is a <b>Number</b>.<br />
+The <b>clientXArg</b> parameter is a <b>Number</b>.<br />
+The <b>clientYArg</b> parameter is a <b>Number</b>.<br />
+The <b>ctrlKeyArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>altKeyArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>shiftKeyArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>metaKeyArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>buttonArg</b> parameter is a <b>Number</b>.<br />
+The <b>relatedTargetArg</b> parameter is an object that implements the <b>EventTarget</b> interface.</dd>
+<dt><b>getModifierState(keyIdentifierArg)</b></dt>
+<dd>This function returns a <b>Boolean</b>.<br />
+The <b>keyIdentifierArg</b> parameter is a <b>String</b>.</dd>
+<dt><b>initMouseEventNS(namespaceURI, typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, buttonArg, relatedTargetArg, modifiersList)</b></dt>
+<dd>This function has no return value.<br />
+The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
+The <b>detailArg</b> parameter is a <b>Number</b>.<br />
+The <b>screenXArg</b> parameter is a <b>Number</b>.<br />
+The <b>screenYArg</b> parameter is a <b>Number</b>.<br />
+The <b>clientXArg</b> parameter is a <b>Number</b>.<br />
+The <b>clientYArg</b> parameter is a <b>Number</b>.<br />
+The <b>buttonArg</b> parameter is a <b>Number</b>.<br />
+The <b>relatedTargetArg</b> parameter is an object that implements the <b>EventTarget</b> interface.<br />
+The <b>modifiersList</b> parameter is a <b>String</b>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt>Properties of the <b>KeyboardEvent</b> Constructor function:</dt>
+<dd>
+<dl>
+<dt><b>KeyboardEvent.DOM_KEY_LOCATION_STANDARD</b></dt>
+<dd>The value of the constant <b>KeyboardEvent.DOM_KEY_LOCATION_STANDARD</b> is <b>0x00</b>.</dd>
+<dt><b>KeyboardEvent.DOM_KEY_LOCATION_LEFT</b></dt>
+<dd>The value of the constant <b>KeyboardEvent.DOM_KEY_LOCATION_LEFT</b> is <b>0x01</b>.</dd>
+<dt><b>KeyboardEvent.DOM_KEY_LOCATION_RIGHT</b></dt>
+<dd>The value of the constant <b>KeyboardEvent.DOM_KEY_LOCATION_RIGHT</b> is <b>0x02</b>.</dd>
+<dt><b>KeyboardEvent.DOM_KEY_LOCATION_NUMPAD</b></dt>
+<dd>The value of the constant <b>KeyboardEvent.DOM_KEY_LOCATION_NUMPAD</b> is <b>0x03</b>.</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>KeyboardEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt>Objects that implement the <b>KeyboardEvent</b> interface have all properties and functions of the <b>UIEvent</b> interface as well as the properties and functions defined below.</dt>
+<dt>Properties of objects that implement the <b>KeyboardEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>keyIdentifier</b></dt>
+<dd>This read-only property is a <b>String</b>.</dd>
+<dt><b>keyLocation</b></dt>
+<dd>This read-only property is a <b>Number</b>.</dd>
+<dt><b>ctrlKey</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+<dt><b>shiftKey</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+<dt><b>altKey</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+<dt><b>metaKey</b></dt>
+<dd>This read-only property is a <b>Boolean</b>.</dd>
+</dl>
+</dd>
+<dt>Functions of objects that implement the <b>KeyboardEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>getModifierState(keyIdentifierArg)</b></dt>
+<dd>This function returns a <b>Boolean</b>.<br />
+The <b>keyIdentifierArg</b> parameter is a <b>String</b>.</dd>
+<dt><b>initKeyboardEvent(typeArg, canBubbleArg, cancelableArg, viewArg, keyIdentifierArg, keyLocationArg, modifiersList)</b></dt>
+<dd>This function has no return value.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
+The <b>keyIdentifierArg</b> parameter is a <b>String</b>.<br />
+The <b>keyLocationArg</b> parameter is a <b>Number</b>.<br />
+The <b>modifiersList</b> parameter is a <b>String</b>.</dd>
+<dt><b>initKeyboardEventNS(namespaceURI, typeArg, canBubbleArg, cancelableArg, viewArg, keyIdentifierArg, keyLocationArg, modifiersList)</b></dt>
+<dd>This function has no return value.<br />
+The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
+The <b>keyIdentifierArg</b> parameter is a <b>String</b>.<br />
+The <b>keyLocationArg</b> parameter is a <b>Number</b>.<br />
+The <b>modifiersList</b> parameter is a <b>String</b>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt>Properties of the <b>MutationEvent</b> Constructor function:</dt>
+<dd>
+<dl>
+<dt><b>MutationEvent.MODIFICATION</b></dt>
+<dd>The value of the constant <b>MutationEvent.MODIFICATION</b> is <b>1</b>.</dd>
+<dt><b>MutationEvent.ADDITION</b></dt>
+<dd>The value of the constant <b>MutationEvent.ADDITION</b> is <b>2</b>.</dd>
+<dt><b>MutationEvent.REMOVAL</b></dt>
+<dd>The value of the constant <b>MutationEvent.REMOVAL</b> is <b>3</b>.</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>MutationEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt>Objects that implement the <b>MutationEvent</b> interface have all properties and functions of the <b>Event</b> interface as well as the properties and functions defined below.</dt>
+<dt>Properties of objects that implement the <b>MutationEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>relatedNode</b></dt>
+<dd>This read-only property is an object that implements the <b>Node</b> interface.</dd>
+<dt><b>prevValue</b></dt>
+<dd>This read-only property is a <b>String</b>.</dd>
+<dt><b>newValue</b></dt>
+<dd>This read-only property is a <b>String</b>.</dd>
+<dt><b>attrName</b></dt>
+<dd>This read-only property is a <b>String</b>.</dd>
+<dt><b>attrChange</b></dt>
+<dd>This read-only property is a <b>Number</b>.</dd>
+</dl>
+</dd>
+<dt>Functions of objects that implement the <b>MutationEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>initMutationEvent(typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevValueArg, newValueArg, attrNameArg, attrChangeArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>relatedNodeArg</b> parameter is an object that implements the <b>Node</b> interface.<br />
+The <b>prevValueArg</b> parameter is a <b>String</b>.<br />
+The <b>newValueArg</b> parameter is a <b>String</b>.<br />
+The <b>attrNameArg</b> parameter is a <b>String</b>.<br />
+The <b>attrChangeArg</b> parameter is a <b>Number</b>.</dd>
+<dt><b>initMutationEventNS(namespaceURI, typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevValueArg, newValueArg, attrNameArg, attrChangeArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>relatedNodeArg</b> parameter is an object that implements the <b>Node</b> interface.<br />
+The <b>prevValueArg</b> parameter is a <b>String</b>.<br />
+The <b>newValueArg</b> parameter is a <b>String</b>.<br />
+The <b>attrNameArg</b> parameter is a <b>String</b>.<br />
+The <b>attrChangeArg</b> parameter is a <b>Number</b>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+<dt>Objects that implement the <b>MutationNameEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt>Objects that implement the <b>MutationNameEvent</b> interface have all properties and functions of the <b>MutationEvent</b> interface as well as the properties and functions defined below.</dt>
+<dt>Properties of objects that implement the <b>MutationNameEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>prevNamespaceURI</b></dt>
+<dd>This read-only property is a <b>String</b>.</dd>
+<dt><b>prevNodeName</b></dt>
+<dd>This read-only property is a <b>String</b>.</dd>
+</dl>
+</dd>
+<dt>Functions of objects that implement the <b>MutationNameEvent</b> interface:</dt>
+<dd>
+<dl>
+<dt><b>initMutationNameEvent(typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevNamespaceURIArg, prevNodeNameArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>relatedNodeArg</b> parameter is an object that implements the <b>Node</b> interface.<br />
+The <b>prevNamespaceURIArg</b> parameter is a <b>String</b>.<br />
+The <b>prevNodeNameArg</b> parameter is a <b>String</b>.</dd>
+<dt><b>initMutationNameEventNS(namespaceURI, typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevNamespaceURIArg, prevNodeNameArg)</b></dt>
+<dd>This function has no return value.<br />
+The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
+The <b>typeArg</b> parameter is a <b>String</b>.<br />
+The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
+The <b>relatedNodeArg</b> parameter is an object that implements the <b>Node</b> interface.<br />
+The <b>prevNamespaceURIArg</b> parameter is a <b>String</b>.<br />
+The <b>prevNodeNameArg</b> parameter is a <b>String</b>.</dd>
+</dl>
+</dd>
+</dl>
+</dd>
+</dl>
+</div>
+<!-- ecma-block --></div>
+<!-- div1 ecma-binding -->
+<a id='acknowledgements' name='acknowledgements'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='acknowledgements-contributors' id="acknowledgements-contributors"></a>
+<h1 id='acknowledgements-contributors-h1' class='adiv1'>Appendix F: Acknowledgements</h1>
+<div style='color: red'>(<i><b>ED:</b></i> This section should be updated to reflect the change in ownership. )</div>
+<p class='first'>Many people contributed to the DOM specifications (Level 1, 2 or 3), including participants of the DOM Working Group and the DOM Interest Group. We especially thank the following:</p>
+<p>Andrew Watson (Object Management Group), Andy Heninger (IBM), Angel Diaz (IBM), Arnaud Le Hors (W3C and IBM), Ashok Malhotra (IBM and Microsoft), Ben Chang (Oracle), Bill Smith (Sun), Bill Shea (Merrill Lynch), Bob Sutor (IBM), Chris Lovett (Microsoft), Chris Wilson (Microsoft), David Brownell (Sun), David Ezell (Hewlett-Packard Company), David Singer (IBM), Dimitris Dimitriadis (Improve AB and invited expert), Don Park (invited), Elena Litani (IBM), Eric Vasilik (Microsoft), Gavin Nicol (INSO), Ian Jacobs (W3C), James Clark (invited), James Davidson (Sun), Jared Sorensen (Novell), Jeroen van Rotterdam (X-Hive Corporation), Joe Kesselman (IBM), Joe Lapp (webMethods), Joe Marini (Macromedia), Johnny Stenback (Netscape/AOL), Jon Ferraiolo (Adobe), Jonathan Marsh (Microsoft), Jonathan Robie (Texcel Research and Software AG), Kim Adamson-Sharpe (SoftQuad Software Inc.), Lauren Wood (SoftQuad Software Inc., <em>former Chair</em>), Laurence Cable (Sun), Mark Davis (IBM), Mark Scardina (Oracle), Martin Dürst (W3C), Mary Brady (NIST), Mick Goulish (Software AG), Mike Champion (Arbortext and Software AG), Miles Sabin (Cromwell Media), Patti Lutsky (Arbortext), Paul Grosso (Arbortext), Peter Sharpe (SoftQuad Software Inc.), Phil Karlton (Netscape), Philippe Le Hégaret (W3C, <em>W3C Team Contact and former Chair</em>), Ramesh Lekshmynarayanan (Merrill Lynch), Ray Whitmer (iMall, Excite@Home, and Netscape/AOL, <em>Chair</em>), Rezaur Rahman (Intel), Rich Rollman (Microsoft), Rick Gessner (Netscape), Rick Jelliffe (invited), Rob Relyea (Microsoft), Scott Isaacs (Microsoft), Sharon Adler (INSO), Steve Byrne (JavaSoft), Tim Bray (invited), Tim Yu (Oracle), Tom Pixley (Netscape/AOL), Vidur Apparao (Netscape), Vinod Anupam (Lucent).</p>
+<p>Thanks to all those who have helped to improve this specification by sending suggestions and corrections (Please, keep bugging us with your issues!).</p>
+<p>Many thanks to Brad Pettit, Dylan Schiemann, David Flanagan, Steven Pemberton, Curt Arnold, Al Gilman, Misha Wolf, Sigurd Lerstad, Michael B. Allen, Alexander J. Vincent, Martin Dürst, and Ken Rehor for their review and comments of this document.</p>
+<p>Special thanks to the <a class='normative' href='http://www.w3.org/DOM/Test'>DOM Conformance Test Suites</a> contributors: Fred Drake, Mary Brady (NIST), Rick Rivello (NIST), Robert Clary (Netscape), Neil Delima (IBM), with a special mention to Curt Arnold.</p>
+<div class='div2'><a name='acknowledgements-Productions' id="acknowledgements-Productions"></a>
+<h2 id='acknowledgements-Productions-h2' class='adiv2'>F.1 Production Systems</h2>
+<p>This specification was written in XML. The HTML, OMG IDL, Java and ECMAScript bindings were all produced automatically.</p>
+<p>Thanks to Joe English, author of <a class='normative' href='http://www.flightlab.com/cost'>cost</a>, which was used as the basis for producing DOM Level 1. Thanks also to Gavin Nicol, who wrote the scripts which run on top of cost. Arnaud Le Hors and Philippe Le Hégaret maintained the scripts.</p>
+<p>After DOM Level 1, we used <a class='normative' href='http://xml.apache.org/xerces-j'>Xerces</a> as the basis DOM implementation and wish to thank the authors. Philippe Le Hégaret and Arnaud Le Hors wrote the <a class='normative' href='http://dev.w3.org/cvsweb/java/classes/org/w3c/tools/specgenerator/'>Java programs</a> which are the DOM application.</p>
+<p>Thanks also to Jan Kärrman, author of <a class='normative' href='http://user.it.uu.se/~jan/html2ps.html'>html2ps</a>, which we use in creating the PostScript version of the specification.</p>
+</div>
+<!-- div2 Productions --></div>
+<!-- div1 contributors -->
+<a id='glossary' name='glossary'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='glossary-glossary' id="glossary-glossary"></a>
+<h1 id='glossary-role-glossary' class='glossary'>Glossary</h1>
+<dl>
+<dt><i>Editors</i>:</dt>
+<dd>Arnaud Le Hors, W3C</dd>
+<dd>Robert S. Sutor, IBM Research (for DOM Level 1)</dd>
+</dl>
+<p class='first'>Some of the following term definitions have been borrowed or modified from similar definitions in other W3C or standards documents. See the links within the definitions for more information.</p>
+<dl>
+<dt><b><a name='glossary-dt-bubbling-phase' id="glossary-dt-bubbling-phase">bubbling phase</a></b></dt>
+<dd>The process by which an <a href='#glossary-dt-event'>event</a> can be handled by one of the target ancestors after being handled by the <a href='#glossary-dt-target-node'>target node</a>.</dd>
+<dt><b><a name='glossary-dt-capture-phase' id="glossary-dt-capture-phase">capture phase</a></b></dt>
+<dd>The process by which an <a href='#glossary-dt-event'>event</a> can be handled by one of the target ancestors before being handled by the <a href='#glossary-dt-target-node'>target node</a>.</dd>
+<dt><b><a name='glossary-dt-child' id="glossary-dt-child">child</a></b></dt>
+<dd>A <i>child</i> is an immediate descendant node of a node.</dd>
+<dt><b><a name='glossary-dt-DOM-Level-0' id="glossary-dt-DOM-Level-0">DOM Level 0</a></b></dt>
+<dd>The term "DOM Level 0" refers to a mix (not formally specified) of HTML document functionalities offered by Netscape Navigator version 3.0 and Microsoft Internet Explorer version 3.0. In some cases, attributes or methods have been included for reasons of backward compatibility with "DOM Level 0".</dd>
+<dt><b><a name='glossary-dt-event' id="glossary-dt-event">event</a></b></dt>
+<dd>An event is the representation of some asynchronous occurrence (such as a mouse click on the presentation of the element, or the removal of child node from an element, or any of unthinkably many other possibilities) that gets associated with an <a href='#glossary-dt-event-target'>event target</a>.</dd>
+<dt><b><a name='glossary-dt-event-target' id="glossary-dt-event-target">event target</a></b></dt>
+<dd>The object to which an <a href='#glossary-dt-event'>event</a> is targeted.</dd>
+<dt><b><a name='glossary-dt-localname' id="glossary-dt-localname">local name</a></b></dt>
+<dd>See local name in Namespaces in XML 1.1 [<cite><a class='noxref informative' href='#references-Namespaces11'>XML Namespaces 1.1</a></cite>].</dd>
+<dt><b><a name='glossary-dt-namespaceURI' id="glossary-dt-namespaceURI">namespace URI</a></b></dt>
+<dd>A <i>namespace URI</i> is a URI that identifies an XML namespace. This is called the namespace name in Namespaces in XML [<cite><a class='noxref informative' href='#references-Namespaces'>XML Namespaces</a></cite>]. See also sections 1.3.2 "<a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/core.html#baseURIs-Considerations'><em>DOM URIs</em></a>" and 1.3.3 "<a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/core.html#Namespaces-Considerations'><em>XML Namespaces</em></a>" regarding URIs and namespace URIs handling and comparison in the DOM APIs.</dd>
+<dt><b><a name='glossary-dt-target-node' id="glossary-dt-target-node">target node</a></b></dt>
+<dd>The target node is the node representing the <a href='#glossary-dt-event-target'>event target</a> to which an <a href='#glossary-dt-event'>event</a> is targeted using the DOM event flow.</dd>
+<dt><b><a name='glossary-dt-target-phase' id="glossary-dt-target-phase">target phase</a></b></dt>
+<dd>The process by which an <a href='#glossary-dt-event'>event</a> can be handled by the <a href='#glossary-dt-event-target'>event target</a>.</dd>
+</dl>
+</div>
+<!-- div1 glossary -->
+<a id='references' name='references'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='references-References' id="references-References"></a>
+<h1 id='references-role-references' class='references'>References</h1>
+<p class='first'>For the latest version of any W3C specification please consult the list of <a class='normative' href='http://www.w3.org/TR'>W3C Technical Reports</a> available at http://www.w3.org/TR.</p>
+<div class='div2'><a name='references-References-Normative' id="references-References-Normative"></a>
+<h2 id='references-References-Normative-h2' class='adiv2'>H.1 Normative references</h2>
+<dl>
+<dt><b>[<a name='references-DOM2Core' id="references-DOM2Core">DOM Level 2 Core</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113'>Document Object Model Level 2 Core Specification</a></cite>, A. Le Hors, et al., Editors. World Wide Web Consortium, 13 November 2000. This version of the DOM Level 2 Core Recommendation is http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113. The <a class='normative' href='http://www.w3.org/TR/DOM-Level-2-Core'>latest version of DOM Level 2 Core</a> is available at http://www.w3.org/TR/DOM-Level-2-Core.</dd>
+<dt><b>[<a name='references-DOMCore' id="references-DOMCore">DOM Level 3 Core</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2003/CR-DOM-Level-3-Core-20031107'>Document Object Model Level 3 Core Specification</a></cite>, A. Le Hors, et al., Editors. World Wide Web Consortium, November 2003. This version of the Document Object Model Level 3 Core Specification is http://www.w3.org/TR/2003/CR-DOM-Level-3-Core-20031107. The <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core'>latest version of DOM Level 3 Core</a> is available at http://www.w3.org/TR/DOM-Level-3-Core.</dd>
+<dt><b>[<a name='references-DOM2Events' id="references-DOM2Events">DOM Level 2 Events</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113'>Document Object Model Level 2 Events Specification</a></cite>, T. Pixley, Editor. World Wide Web Consortium, 13 November 2000. This version of the Document Object Model Level 2 Events Recommendation is http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113. The <a class='normative' href='http://www.w3.org/TR/DOM-Level-2-Events'>latest version of Document Object Model Level 2 Events</a> is available at http://www.w3.org/TR/DOM-Level-2-Events.</dd>
+<dt><b>[<a name='references-DOM2HTML' id="references-DOM2HTML">DOM Level 2 HTML</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109'>Document Object Model Level 2 HTML Specification</a></cite>, J. Stenback, et al., Editors. World Wide Web Consortium, 9 January 2003. This version of the Document Object Model Level 2 HTML Recommendation is http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109. The <a class='normative' href='http://www.w3.org/TR/DOM-Level-2-HTML'>latest version of Document Object Model Level 2 HTML</a> is available at http://www.w3.org/TR/DOM-Level-2-HTML.</dd>
+<dt><b>[<a name='references-DOM2Views' id="references-DOM2Views">DOM Level 2 Views</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2000/REC-DOM-Level-2-Views-20001113'>Document Object Model Level 2 Views Specification</a></cite>, A. Le Hors, L. Cable, Editors. World Wide Web Consortium, 13 November 2000. This version of the Document Object Model Level 2 Views Recommendation is http://www.w3.org/TR/2000/REC-DOM-Level-2-Views-20001113. The <a class='normative' href='http://www.w3.org/TR/DOM-Level-2-Views'>latest version of Document Object Model Level 2 Views</a> is available at http://www.w3.org/TR/DOM-Level-2-Views.</dd>
+<dt><b>[<a name='references-ECMAScript' id="references-ECMAScript">ECMAScript</a>]</b></dt>
+<dd><cite>ECMAScript Language Specification</cite>, Third Edition. European Computer Manufacturers Association, Standard ECMA-262, December 1999. This version of the ECMAScript Language is available from http://www.ecma-international.org/.</dd>
+<dt><b>[<a name='references-HTML40' id="references-HTML40">HTML 4.01</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/1999/REC-html401-19991224/'>HTML 4.01 Specification</a></cite>, D. Raggett, A. Le Hors, and I. Jacobs, Editors. World Wide Web Consortium, 17 December 1997, revised 24 April 1998, revised 24 December 1999. This version of the HTML 4.01 Recommendation is http://www.w3.org/TR/1999/REC-html401-19991224. The <a class='normative' href='http://www.w3.org/TR/html4'>latest version of HTML 4</a> is available at http://www.w3.org/TR/html4.</dd>
+<dt><b>[<a name='references-Java' id="references-Java">Java</a>]</b></dt>
+<dd><cite><a href='http://java.sun.com/docs/books/jls'>The Java Language Specification</a></cite>, J. Gosling, B. Joy, and G. Steele, Authors. Addison-Wesley, September 1996. Available at http://java.sun.com/docs/books/jls</dd>
+<dt><b>[<a name='references-OMGIDL' id="references-OMGIDL">OMG IDL</a>]</b></dt>
+<dd><cite>"OMG IDL Syntax and Semantics"</cite> defined in <cite><a href='http://www.omg.org/technology/documents/formal/corba_2.htm'>The Common Object Request Broker: Architecture and Specification, version 2</a></cite>, Object Management Group. The latest version of CORBA version 2.0 is available at http://www.omg.org/technology/documents/formal/corba_2.htm.</dd>
+<dt><b>[<a name='references-Unicode' id="references-Unicode">Unicode</a>]</b></dt>
+<dd><cite>The Unicode Standard, Version 4</cite>, ISBN 0-321-18578-1, as updated from time to time by the publication of new versions. The Unicode Consortium, 2000. See also <a class='normative' href='http://www.unicode.org/unicode/standard/versions'>Versions of the Unicode Standard</a>, available at http://www.unicode.org/unicode/standard/versions, for latest version and additional information on versions of the standard and of the Unicode Character Database.</dd>
+<dt><b>[<a name='references-UnicodeNormalization' id="references-UnicodeNormalization">UTR #15</a>]</b></dt>
+<dd><cite><a href='http://www.unicode.org/unicode/reports/tr15/'>Unicode Normalization Forms</a></cite>, The Unicode Standard Annex #15. The Unicode Consortium, 2003. The latest version of this annex is available at http://www.unicode.org/unicode/reports/tr15/.</dd>
+<dt><b>[<a name='references-Namespaces' id="references-Namespaces">XML Namespaces</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/1999/REC-xml-names-19990114/'>Namespaces in XML</a></cite>, T. Bray, D. Hollander, and A. Layman, Editors. World Wide Web Consortium, 14 January 1999. This version of the Namespaces in XML Recommendation is http://www.w3.org/TR/1999/REC-xml-names-19990114. The <a class='normative' href='http://www.w3.org/TR/REC-xml-names/'>latest version of Namespaces in XML</a> is available at http://www.w3.org/TR/REC-xml-names.</dd>
+<dt><b>[<a name='references-Namespaces11' id="references-Namespaces11">XML Namespaces 1.1</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2004/REC-xml-names11-20040204/'>Namespaces in XML 1.1</a></cite>, T. Bray, D. Hollander, A. Layman, and R. Tobin, Editors. World Wide Web Consortium, February 2004. This version of the Namespaces in XML 1.1 Specification is http://www.w3.org/TR/2004/REC-xml-names11-20040204/. The <a class='normative' href='http://www.w3.org/TR/xml-names11/'>latest version of Namespaces in XML 1.1</a> is available at http://www.w3.org/TR/xml-names11/.</dd>
+</dl>
+</div>
+<!-- div2 References-Normative -->
+<div class='div2'><a name='references-References-Informative' id="references-References-Informative"></a>
+<h2 id='references-References-Informative-h2' class='adiv2'>H.2 Informative references</h2>
+<dl>
+<dt><b>[<a name='references-DOMLS' id="references-DOMLS">DOM Level 3 Load and Save</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2003/CR-DOM-Level-3-LS-20031107'>Document Object Model Level 3 Load and Save Specification</a></cite>, J. Stenback, A. Heninger, Editors. World Wide Web Consortium, November 2003. This version of the DOM Level 3 Load and Save Specification is http://www.w3.org/TR/2003/CR-DOM-Level-3-LS-20031107. The <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-LS'>latest version of DOM Level 3 Load and Save</a> is available at http://www.w3.org/TR/DOM-Level-3-LS.</dd>
+<dt><b>[<a name='references-DWW95' id="references-DWW95">DWW95</a>]</b></dt>
+<dd><cite>Developing International Software for Windows 95 and Windows NT: A Handbook for International Software Design</cite>, N. Kano, Author. Microsoft Press, 1995. ISBN 1-55615-840-8.</dd>
+<dt><b>[<a name='references-KeyEvent' id="references-KeyEvent">KeyEvent for Java</a>]</b></dt>
+<dd><cite><a href='http://java.sun.com/j2se/1.4.1/docs/api/java/awt/event/KeyEvent.html'>Java 2 SDK, Standard Edition Documentation, Version 1.4.1, Class java.awt.events.KeyEvent</a></cite>. Sun Microsystems. Available at http://java.sun.com/j2se/1.4.1/docs/api/java/awt/event/KeyEvent.html.</dd>
+<dt><b>[<a name='references-Keys' id="references-Keys">Keys enumeration for .Net</a>]</b></dt>
+<dd><cite><a href='http://msdn.microsoft.com/library/default.asp?url=/library/en-us/cpref/html/frlrfSystemWindowsFormsKeysClassTopic.asp'>.NET Framework Class Library, Keys Enumeration</a></cite>. Microsoft. Available at http://msdn.microsoft.com/library/default.asp?url=/library/en-us/cpref/html/frlrfSystemWindowsFormsKeysClassTopic.asp.</dd>
+<dt><b>[<a name='references-SVG1' id="references-SVG1">SVG 1.1</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2003/REC-SVG11-20030114/'>Scalable Vector Graphics (SVG) 1.1 Specification</a></cite>, J. Ferraiolo, 藤沢 淳 (FUJISAWA Jun), and D. Jackson, Editors. World Wide Web Consortium, 14 January 2003. This version of the SVG 1.1 Recommendation is http://www.w3.org/TR/2003/REC-SVG11-20030114/. The <a class='normative' href='http://www.w3.org/TR/SVG'>latest version of SVG 1.1</a> is available at http://www.w3.org/TR/SVG.</dd>
+<dt><b>[<a name='references-VoiceXML20' id="references-VoiceXML20">VoiceXML 2.0</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2003/CR-voicexml20-20030220'>Voice Extensible Markup Language (VoiceXML) Version 2.0</a></cite>, S. McGlashan, et al., Editors. World Wide Web Consortium, February 2003. This version of the Voice Extensible Markup Language Version 2.0 specification is http://www.w3.org/TR/2003/CR-voicexml20-20030220. The <a class='normative' href='http://www.w3.org/TR/voicexml20/'>latest version of Voice Extensible Markup Language Version 2.0</a> is available at http://www.w3.org/TR/voicexml20/.</dd>
+<dt><b>[<a name='references-XForms10' id="references-XForms10">XForms 1.0</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2003/PR-xforms-20030801/'>XForms 1.0</a></cite>, M. Dubinko, et al., Editors. World Wide Web Consortium, August 2003. This version of the XForms 1.0 specification is http://www.w3.org/TR/2003/PR-xforms-20030801/. The <a class='normative' href='http://www.w3.org/TR/xforms/'>latest version of XForms 1.0</a> is available at http://www.w3.org/TR/xforms/.</dd>
+<dt><b>[<a name='references-XHTML10' id="references-XHTML10">XHTML 1.0</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2002/REC-xhtml1-20020801'>XHTML 1.0: The Extensible HyperText Markup Language</a></cite>, S. Pemberton, et al., Authors. World Wide Web Consortium, 26 January 2000, revised 1 August 2002. This version of the XHTML 1.0 Recommendation is http://www.w3.org/TR/2002/REC-xhtml1-20020801. The <a class='normative' href='http://www.w3.org/TR/xhtml1'>latest version of XHTML 1.0</a> is available at http://www.w3.org/TR/xhtml1.</dd>
+<dt><b>[<a name='references-XML' id="references-XML">XML 1.0</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2000/REC-xml-20001006'>Extensible Markup Language (XML) 1.0 (Second Edition)</a></cite>, T. Bray, J. Paoli, C. M. Sperberg-McQueen, and E. Maler, Editors. World Wide Web Consortium, 10 February 1998, revised 6 October 2000. This version of the XML 1.0 Recommendation is http://www.w3.org/TR/2000/REC-xml-20001006. The <a class='normative' href='http://www.w3.org/TR/REC-xml'>latest version of XML 1.0</a> is available at http://www.w3.org/TR/REC-xml.</dd>
+<dt><b>[<a name='references-XMLEvents' id="references-XMLEvents">XML Events</a>]</b></dt>
+<dd><cite><a href='http://www.w3.org/TR/2003/REC-xml-events-20031014'>XML Events</a></cite>, S. McCarron, S. Pemberton, and T.V. Raman, Editors. World Wide Web Consortium, October 2003. This version of the XML Events specification is http://www.w3.org/TR/2003/REC-xml-events-20031014. The <a class='normative' href='http://www.w3.org/TR/xml-events/'>latest version of XML Events</a> is available at http://www.w3.org/TR/xml-events.</dd>
+</dl>
+</div>
+<!-- div2 References-Informative --></div>
+<!-- div1 References -->
+<a id='def-index' name='def-index'></a>
+<div class='noprint' style='text-align: right'>
+<p style='font-family: monospace;font-size:small'>February 2006</p>
+</div>
+<div class='div1'><a name='def-index-Index' id="def-index-Index"></a>
+<h1 id='def-index-role-index' class='index'>Index</h1>
+<table summary='the table contains all keywords used in this document'>
+<tr>
+<td width='30%'><a class='noxref' href='#events-event-abort'>abort</a> <a class='index-inst' href='#events-event-abort'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>2</a>, <a class='index-inst' href='#events-event-html-abort'>3</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-EventTarget-addEventListener'>addEventListener</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-EventTargetGroup-addEventListenerNS'>addEventListenerNS</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-ADDITION'>ADDITION</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-altKey'>altKey</a> <a class='index-inst' href='#events-Events-MouseEvent-altKey'>1</a>, <a class='index-inst' href='#events-Events-KeyboardEvent-altKey'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-AT_TARGET'>AT_TARGET</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-attrChange'>attrChange</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-attrName'>attrName</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Conformance'>blur</a> <a class='index-inst' href='#events-Conformance'>1</a>, <a class='index-inst' href='#events-event-blur'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>3</a>, <a class='index-inst' href='#events-event-html-blur'>4</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-canBubble'>bubbles</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-phases'>bubbling phase</a> <a class='index-inst' href='#events-Events-phases'>1</a>, <a class='index-inst' href='#events-Events-listeners-registration'>2</a>, <a class='index-inst' href='#events-Events-Registration-interfaces'>3</a>, <a class='index-inst' href='#events-Events-registration-xmlevents'>4</a>, <a class='index-inst' href='#events-Events-registration-voicexmlevents'>5</a>, <a class='index-inst' href='#events-Events-registration-html40'>6</a>, <a class='index-inst' href='#events-BUBBLING_PHASE'>7</a>, <a class='index-inst' href='#events-Events-EventTarget-addEventListener'>8</a>, <a class='index-inst' href='#events-Events-EventTargetGroup-addEventListenerNS'>9</a>, <a class='index-inst' href='#glossary-dt-bubbling-phase'>10</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-BUBBLING_PHASE'>BUBBLING_PHASE</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-button'>button</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-canCancel'>cancelable</a></td>
+<td width='30%'><a class='noxref' href='#events-dt-cancelable-event'>cancelable event</a> <a class='index-inst' href='#events-dt-cancelable-event'>1</a>, <a class='index-inst' href='#events-Events-EventTypes-complete'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-DocumentEvent-canDispatch'>canDispatch</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-phases'>capture phase</a> <a class='index-inst' href='#events-Events-phases'>1</a>, <a class='index-inst' href='#events-Events-registration-html40'>2</a>, <a class='index-inst' href='#events-CAPTURING_PHASE'>3</a>, <a class='index-inst' href='#events-AT_TARGET'>4</a>, <a class='index-inst' href='#events-Events-EventTarget-addEventListener'>5</a>, <a class='index-inst' href='#events-Events-EventTargetGroup-addEventListenerNS'>6</a>, <a class='index-inst' href='#glossary-dt-capture-phase'>7</a></td>
+<td width='30%'><a class='noxref' href='#events-CAPTURING_PHASE'>CAPTURING_PHASE</a></td>
+<td width='30%'><a class='noxref' href='#events-event-change'>change</a> <a class='index-inst' href='#events-event-change'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>2</a>, <a class='index-inst' href='#events-event-html-change'>3</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-mutationevents'>child</a> <a class='index-inst' href='#events-Events-eventgroupings-mutationevents'>1</a>, <a class='index-inst' href='#glossary-dt-child'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-flow-cancelation'>click</a> <a class='index-inst' href='#events-Events-flow-cancelation'>1</a>, <a class='index-inst' href='#events-Events-flow-activation'>2</a>, <a class='index-inst' href='#events-event-click'>3</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>4</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-clientX'>clientX</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-clientY'>clientY</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-DocumentEvent-createEvent'>createEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-ctrlKey'>ctrlKey</a> <a class='index-inst' href='#events-Events-MouseEvent-ctrlKey'>1</a>, <a class='index-inst' href='#events-Events-KeyboardEvent-ctrlKey'>2</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-currentTarget'>currentTarget</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-CustomEvent'>CustomEvent</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-UIEvent-data'>data</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-defaultPrevented'>defaultPrevented</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-CustomEvent-detail'>detail</a> <a class='index-inst' href='#events-Events-CustomEvent-detail'>1</a>, <a class='index-inst' href='#events-Events-UIEvent-detail'>2</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-DISPATCH_REQUEST_ERR'>DISPATCH_REQUEST_ERR</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-EventTarget-dispatchEvent'>dispatchEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-DocumentEvent'>DocumentEvent</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-dt-event-flow'>DOM event flow</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-overview'>DOM Level 0</a> <a class='index-inst' href='#events-Events-overview'>1</a>, <a class='index-inst' href='#events-Events-MouseEvent'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>3</a>, <a class='index-inst' href='#glossary-dt-DOM-Level-0'>4</a></td>
+<td width='30%'><a class='noxref' href='#events-Conformance'>DOM Level 2 Core</a> <a class='index-inst' href='#events-Conformance'>1</a>, <a class='index-inst' href='#references-DOM2Core'>2</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Conformance'>DOM Level 2 Events</a> <a class='index-inst' href='#events-Conformance'>1</a>, <a class='index-inst' href='#events-Event-groups'>2</a>, <a class='index-inst' href='#events-Events-flow-activation'>3</a>, <a class='index-inst' href='#events-Events-eventgroupings-uievents'>4</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>5</a>, <a class='index-inst' href='#events-Events-eventgroupings-mutationevents'>6</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>7</a>, <a class='index-inst' href='#references-DOM2Events'>8</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-flow-cancelation'>DOM Level 2 HTML</a> <a class='index-inst' href='#events-Events-flow-cancelation'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>2</a>, <a class='index-inst' href='#references-DOM2HTML'>3</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-uievents'>DOM Level 2 Views</a> <a class='index-inst' href='#events-Events-eventgroupings-uievents'>1</a>, <a class='index-inst' href='#references-DOM2Views'>2</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Conformance'>DOM Level 3 Core</a> <a class='index-inst' href='#events-Conformance'>1</a>, <a class='index-inst' href='#events-Event-types'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-uievents'>3</a>, <a class='index-inst' href='#events-Events-TextEvents-Interfaces'>4</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>5</a>, <a class='index-inst' href='#events-Events-KeyboardEvents-Interfaces'>6</a>, <a class='index-inst' href='#events-Events-eventgroupings-mutationevents'>7</a>, <a class='index-inst' href='#events-Events-eventgroupings-basicevents'>8</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>9</a>, <a class='index-inst' href='#references-DOMCore'>10</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-flows'>DOM Level 3 Load and Save</a> <a class='index-inst' href='#events-Events-flows'>1</a>, <a class='index-inst' href='#references-DOMLS'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-DOM_KEY_LOCATION_LEFT'>DOM_KEY_LOCATION_LEFT</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-DOM_KEY_LOCATION_NUMPAD'>DOM_KEY_LOCATION_NUMPAD</a></td>
+<td width='30%'><a class='noxref' href='#events-DOM_KEY_LOCATION_RIGHT'>DOM_KEY_LOCATION_RIGHT</a></td>
+<td width='30%'><a class='noxref' href='#events-DOM_KEY_LOCATION_STANDARD'>DOM_KEY_LOCATION_STANDARD</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Conformance'>DOMActivate</a> <a class='index-inst' href='#events-Conformance'>1</a>, <a class='index-inst' href='#events-Events-flow-cancelation'>2</a>, <a class='index-inst' href='#events-Events-flow-activation'>3</a>, <a class='index-inst' href='#events-Events-DocumentEvent-createEvent'>4</a>, <a class='index-inst' href='#events-event-DOMActivate'>5</a></td>
+<td width='30%'><a class='noxref' href='#events-event-DOMAttributeNameChanged'>DOMAttributeNameChanged</a> <a class='index-inst' href='#events-event-DOMAttributeNameChanged'>1</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-relatedNode'>DOMAttrModified</a> <a class='index-inst' href='#events-Events-MutationEvent-relatedNode'>1</a>, <a class='index-inst' href='#events-Events-MutationEvent-prevValue'>2</a>, <a class='index-inst' href='#events-Events-MutationEvent-newValue'>3</a>, <a class='index-inst' href='#events-Events-MutationEvent-attrName'>4</a>, <a class='index-inst' href='#events-Events-MutationEvent-attrChange'>5</a>, <a class='index-inst' href='#events-event-DOMAttrModified'>6</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-prevValue'>DOMCharacterDataModified</a> <a class='index-inst' href='#events-Events-MutationEvent-prevValue'>1</a>, <a class='index-inst' href='#events-Events-MutationEvent-newValue'>2</a>, <a class='index-inst' href='#events-event-DOMCharacterDataModified'>3</a></td>
+<td width='30%'><a class='noxref' href='#events-event-DOMElementNameChanged'>DOMElementNameChanged</a> <a class='index-inst' href='#events-event-DOMElementNameChanged'>1</a></td>
+<td width='30%'><a class='noxref' href='#events-event-DOMNodeInserted'>DOMNodeInserted</a> <a class='index-inst' href='#events-event-DOMNodeInserted'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-mutationevents'>2</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-event-DOMNodeInsertedIntoDocument'>DOMNodeInsertedIntoDocument</a> <a class='index-inst' href='#events-event-DOMNodeInsertedIntoDocument'>1</a></td>
+<td width='30%'><a class='noxref' href='#events-event-DOMNodeRemoved'>DOMNodeRemoved</a> <a class='index-inst' href='#events-event-DOMNodeRemoved'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-mutationevents'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-event-DOMNodeRemovedFromDocument'>DOMNodeRemovedFromDocument</a> <a class='index-inst' href='#events-event-DOMNodeRemovedFromDocument'>1</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-event-DOMSubtreeModified'>DOMSubtreeModified</a> <a class='index-inst' href='#events-event-DOMSubtreeModified'>1</a></td>
+<td width='30%'><a class='noxref' href='#references-DWW95'>DWW95</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#references-ECMAScript'>ECMAScript</a></td>
+<td width='30%'><a class='noxref' href='#events-event-error'>error</a> <a class='index-inst' href='#events-event-error'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>2</a>, <a class='index-inst' href='#events-event-html-error'>3</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event'>Event</a> <a class='index-inst' href='#events-Events-Event'>1</a>, <a class='index-inst' href='#events-Events-overview'>2</a>, <a class='index-inst' href='#events-dt-event-flow'>3</a>, <a class='index-inst' href='#events-Events-EventListener-handleEvent'>4</a>, <a class='index-inst' href='#glossary-dt-event'>5</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-flow'>event target</a> <a class='index-inst' href='#events-Events-flow'>1</a>, <a class='index-inst' href='#events-AT_TARGET'>2</a>, <a class='index-inst' href='#events-Events-Event-target'>3</a>, <a class='index-inst' href='#events-Events-EventTarget'>4</a>, <a class='index-inst' href='#events-Events-EventTarget-dispatchEvent'>5</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>6</a>, <a class='index-inst' href='#glossary-dt-event-target'>7</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-EventException'>EventException</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-EventListener'>EventListener</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-eventPhase'>eventPhase</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-EventTarget'>EventTarget</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Conformance'>focus</a> <a class='index-inst' href='#events-Conformance'>1</a>, <a class='index-inst' href='#events-event-focus'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>3</a>, <a class='index-inst' href='#events-event-html-focus'>4</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-getModifierState'>getModifierState</a> <a class='index-inst' href='#events-Events-MouseEvent-getModifierState'>1</a>, <a class='index-inst' href='#events-Events-KeyboardEvent-getModifierState'>2</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-EventListener-handleEvent'>handleEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-flow-cancelation'>HTML 4.01</a> <a class='index-inst' href='#events-Events-flow-cancelation'>1</a>, <a class='index-inst' href='#events-Events-EventTypes-complete'>2</a>, <a class='index-inst' href='#events-Events-registration-html40'>3</a>, <a class='index-inst' href='#events-Events-TextEvents-Interfaces'>4</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>5</a>, <a class='index-inst' href='#events-Events-eventgroupings-basicevents'>6</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>7</a>, <a class='index-inst' href='#references-HTML40'>8</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initCustomEventNS'>initCustomEventNS</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initEvent'>initEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initEventNS'>initEventNS</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-initKeyboardEvent'>initKeyboardEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-initKeyboardEventNS'>initKeyboardEventNS</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initMouseEvent'>initMouseEvent</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initMouseEventNS'>initMouseEventNS</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initMutationEvent'>initMutationEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initMutationEventNS'>initMutationEventNS</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initMutationNameEvent'>initMutationNameEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initMutationNameEventNS'>initMutationNameEventNS</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initTextEvent'>initTextEvent</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initTextEventNS'>initTextEventNS</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initUIEvent'>initUIEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-initUIEventNS'>initUIEventNS</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-TextEvents-Interfaces'>Input Method Editor</a> <a class='index-inst' href='#events-Events-TextEvents-Interfaces'>1</a>, <a class='index-inst' href='#events-Events-KeyboardEvents-Interfaces'>2</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#references-Java'>Java</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent'>KeyboardEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-event-keydown'>keydown</a> <a class='index-inst' href='#events-event-keydown'>1</a>, <a class='index-inst' href='#events-Events-KeyboardEvents-Interfaces'>2</a></td>
+<td width='30%'><a class='noxref' href='#references-KeyEvent'>KeyEvent for Java</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-keyIdentifier'>keyIdentifier</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-keylocation'>keyLocation</a></td>
+<td width='30%'><a class='noxref' href='#references-Keys'>Keys enumeration for .Net</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvents-Interfaces'>keyup</a> <a class='index-inst' href='#events-Events-KeyboardEvents-Interfaces'>1</a>, <a class='index-inst' href='#events-event-keyup'>2</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>load</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-load'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>3</a>, <a class='index-inst' href='#events-event-html-load'>4</a></td>
+<td width='30%'><a class='noxref' href='#events-Event-types'>local name</a> <a class='index-inst' href='#events-Event-types'>1</a>, <a class='index-inst' href='#events-Events-EventTypes-category'>2</a>, <a class='index-inst' href='#events-Events-Event-type'>3</a>, <a class='index-inst' href='#events-Events-Event-initEventNS'>4</a>, <a class='index-inst' href='#glossary-dt-localname'>5</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-metaKey'>metaKey</a> <a class='index-inst' href='#events-Events-MouseEvent-metaKey'>1</a>, <a class='index-inst' href='#events-Events-KeyboardEvent-metaKey'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-MODIFICATION'>MODIFICATION</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-mouseevents'>mousedown</a> <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>1</a>, <a class='index-inst' href='#events-event-mousedown'>2</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent'>MouseEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-mouseevents'>mousemove</a> <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>1</a>, <a class='index-inst' href='#events-event-mousemove'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-mouseevents'>mouseout</a> <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>1</a>, <a class='index-inst' href='#events-event-mouseout'>2</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-mouseevents'>mouseover</a> <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>1</a>, <a class='index-inst' href='#events-event-mouseover'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-mouseevents'>mouseup</a> <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>1</a>, <a class='index-inst' href='#events-event-mouseup'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MutationEvent'>MutationEvent</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-MutationNameEvent'>MutationNameEvent</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Event-types'>namespace URI</a> <a class='index-inst' href='#events-Event-types'>1</a>, <a class='index-inst' href='#events-Events-EventTypes-category'>2</a>, <a class='index-inst' href='#events-Events-dom2-compatibility'>3</a>, <a class='index-inst' href='#events-Events-Event-namespaceURI'>4</a>, <a class='index-inst' href='#events-Events-Event-initEventNS'>5</a>, <a class='index-inst' href='#glossary-dt-namespaceURI'>6</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-namespaceURI'>namespaceURI</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-newValue'>newValue</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#references-OMGIDL'>OMG IDL</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-preventDefault'>preventDefault</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MutationNameEvent-prevNamespaceURI'>prevNamespaceURI</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MutationNameEvent-prevNodeName'>prevNodeName</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-prevValue'>prevValue</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-relatedNode'>relatedNode</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-relatedTarget'>relatedTarget</a></td>
+<td width='30%'><a class='noxref' href='#events-REMOVAL'>REMOVAL</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-EventTarget-removeEventListener'>removeEventListener</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-EventTargetGroup-removeEventListenerNS'>removeEventListenerNS</a></td>
+<td width='30%'><a class='noxref' href='#events-event-reset'>reset</a> <a class='index-inst' href='#events-event-reset'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>2</a>, <a class='index-inst' href='#events-event-html-reset'>3</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-basicevents'>resize</a> <a class='index-inst' href='#events-Events-eventgroupings-basicevents'>1</a>, <a class='index-inst' href='#events-event-resize'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>3</a>, <a class='index-inst' href='#events-event-html-resize'>4</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-screenX'>screenX</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-screenY'>screenY</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-basicevents'>scroll</a> <a class='index-inst' href='#events-Events-eventgroupings-basicevents'>1</a>, <a class='index-inst' href='#events-event-scroll'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>3</a>, <a class='index-inst' href='#events-event-html-scroll'>4</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-event-select'>select</a> <a class='index-inst' href='#events-event-select'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>2</a>, <a class='index-inst' href='#events-event-html-select'>3</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-shiftKey'>shiftKey</a> <a class='index-inst' href='#events-Events-MouseEvent-shiftKey'>1</a>, <a class='index-inst' href='#events-Events-KeyboardEvent-shiftKey'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-stopImmediatePropagation'>stopImmediatePropagation</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-stopPropagation'>stopPropagation</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-flow-cancelation'>submit</a> <a class='index-inst' href='#events-Events-flow-cancelation'>1</a>, <a class='index-inst' href='#events-event-submit'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>3</a>, <a class='index-inst' href='#events-event-html-submit'>4</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-registration'>SVG 1.1</a> <a class='index-inst' href='#events-Events-registration'>1</a>, <a class='index-inst' href='#events-Events-registration-html40'>2</a>, <a class='index-inst' href='#references-SVG1'>3</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-target'>target</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-phases'>target node</a> <a class='index-inst' href='#events-Events-phases'>1</a>, <a class='index-inst' href='#events-Events-Event-target'>2</a>, <a class='index-inst' href='#events-Events-Event-currentTarget'>3</a>, <a class='index-inst' href='#events-Events-EventTarget'>4</a>, <a class='index-inst' href='#events-Events-eventgroupings-mutationevents'>5</a>, <a class='index-inst' href='#glossary-dt-target-node'>6</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-phases'>target phase</a> <a class='index-inst' href='#events-Events-phases'>1</a>, <a class='index-inst' href='#events-Events-Registration-interfaces'>2</a>, <a class='index-inst' href='#events-Events-registration-xmlevents'>3</a>, <a class='index-inst' href='#events-Events-registration-voicexmlevents'>4</a>, <a class='index-inst' href='#events-Events-registration-html40'>5</a>, <a class='index-inst' href='#events-Events-EventTarget-addEventListener'>6</a>, <a class='index-inst' href='#events-Events-EventTargetGroup-addEventListenerNS'>7</a>, <a class='index-inst' href='#glossary-dt-target-phase'>8</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-TextEvent'>TextEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-TextEvents-Interfaces'>textInput</a> <a class='index-inst' href='#events-Events-TextEvents-Interfaces'>1</a>, <a class='index-inst' href='#events-event-textInput'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-timeStamp'>timeStamp</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-Event-type'>type</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-UIEvent'>UIEvent</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-UIEvent-data'>Unicode</a> <a class='index-inst' href='#events-Events-UIEvent-data'>1</a>, <a class='index-inst' href='#references-Unicode'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-event-unload'>unload</a> <a class='index-inst' href='#events-event-unload'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-htmlevents'>2</a>, <a class='index-inst' href='#events-event-html-unload'>3</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-UNSPECIFIED_EVENT_TYPE_ERR'>UNSPECIFIED_EVENT_TYPE_ERR</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-UIEvent-data'>UTR #15</a> <a class='index-inst' href='#events-Events-UIEvent-data'>1</a>, <a class='index-inst' href='#references-UnicodeNormalization'>2</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-UIEvent-view'>view</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-registration-voicexmlevents'>VoiceXML 2.0</a> <a class='index-inst' href='#events-Events-registration-voicexmlevents'>1</a>, <a class='index-inst' href='#references-VoiceXML20'>2</a></td>
+</tr>
+<tr>
+<td> </td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-basicevents'>XForms 1.0</a> <a class='index-inst' href='#events-Events-eventgroupings-basicevents'>1</a>, <a class='index-inst' href='#references-XForms10'>2</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-registration'>XHTML 1.0</a> <a class='index-inst' href='#events-Events-registration'>1</a>, <a class='index-inst' href='#events-Events-registration-html40'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-basicevents'>3</a>, <a class='index-inst' href='#references-XHTML10'>4</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>XML 1.0</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#references-XML'>2</a></td>
+</tr>
+<tr>
+<td width='30%'><a class='noxref' href='#events-Events-registration'>XML Events</a> <a class='index-inst' href='#events-Events-registration'>1</a>, <a class='index-inst' href='#events-Events-registration-xmlevents'>2</a>, <a class='index-inst' href='#references-XMLEvents'>3</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-EventTypes-category'>XML Namespaces</a> <a class='index-inst' href='#events-Events-EventTypes-category'>1</a>, <a class='index-inst' href='#glossary-dt-namespaceURI'>2</a>, <a class='index-inst' href='#references-Namespaces'>3</a></td>
+<td width='30%'><a class='noxref' href='#events-Events-Event-type'>XML Namespaces 1.1</a> <a class='index-inst' href='#events-Events-Event-type'>1</a>, <a class='index-inst' href='#events-Events-EventTarget-dispatchEvent'>2</a>, <a class='index-inst' href='#glossary-dt-localname'>3</a>, <a class='index-inst' href='#references-Namespaces11'>4</a></td>
+</tr>
+</table>
+</div>
+<!-- div1 Index -->
+</body>
+</html>
--- a/source/xml-source.xml Sat Feb 25 00:34:48 2006 +0900
+++ b/source/xml-source.xml Tue Mar 14 03:20:49 2006 +0900
@@ -11,29 +11,32 @@
| filenames to be used for each section |
******************************************************
-->
-<?command-options --map Copyright-Notice copyright-notice
+<?command-options
+--map Copyright-Notice copyright-notice
--map Introduction introduction
---map TOC expanded-toc
---map Core core
---map Events events
---map idl idl-definitions
---map ecma-binding ecma-script-binding
---map java-binding java-binding
---map Index def-index
---map Objects object-index
---map References references
---map Errors errors
---map Level-3-AS abstract-schemas
---map Load-Save load-save
---map XPath xpath
---map KeySet keyset
+--map TOC expanded-toc
+--map Core core
+--map Events events
+--map idl idl-definitions
+--map ecma-binding ecma-script-binding
+--map java-binding java-binding
+--map Index def-index
+--map Objects object-index
+--map References references
+--map Errors errors
+--map Level-3-AS abstract-schemas
+--map Load-Save load-save
+--map XPath xpath
+--map KeySet keyset
?>
-<?command-options --map -IndexFile- def-index
---map -OjbectIndexFile- object-index
+<?command-options
+--map -IndexFile- def-index
+--map -OjbectIndexFile- object-index
--strip-references
--strip-glossary
?>
-<?command-options --map-type ECMAScript void void
+<?command-options
+--map-type ECMAScript void void
--map-type ECMAScript "unsigned short" Number
--map-type ECMAScript "unsigned int" Number
--map-type ECMAScript "unsigned long" Number
@@ -143,7 +146,7 @@
******************************************************
* DOCUMENT ABSTRACT *
******************************************************
- -->
+-->
<abstract id="id-abstract">
<p>
This specification defines the Document Object Model Events Level 3,
@@ -523,7 +526,7 @@
******************************************************
| INTRODUCTION |
******************************************************
- -->
+-->
<div2 id="Events-overview">
<head>
Introduction
@@ -607,10 +610,11 @@
module (see <specref ref="Events-eventgroupings-uievents"/>) if it
conforms to DOM Level 3 Events (i.e. implements all the basic
interfaces), can generate the event types
- <code>ev:DOMActivate</code>, <code>ev:focus</code>, and
- <code>ev:blur</code> accordingly to their semantics, supports the
- <code>UIEvent</code> interface, and conforms to the DOM Level 2
- Core module.
+ <termref def="event-DOMActivate">DOMActivate</termref>,
+ <termref def="event-focus">focus</termref>, and
+ <termref def="event-blur">blur</termref> accordingly to their
+ semantics, supports the <code>UIEvent</code> interface, and
+ conforms to the DOM Level 2 Core module.
</p>
<note>
@@ -970,10 +974,10 @@
Implementations may have a default action associated with an event
type. An example is the <bibref ref="HTML40" role="informative"/>
form element. When the user submits the form (e.g. by pressing on a
- submit button), the event <code>ev:submit</code> is dispatched to
- the element and the default action for this event type is generally
- to send a request to a Web server with the parameters from the
- form.
+ submit button), the event
+ <termref def="event-submit">submit</termref> is dispatched to the
+ element and the default action for this event type is generally to
+ send a request to a Web server with the parameters from the form.
</p>
<p>
@@ -1003,19 +1007,89 @@
does not attempt to specify these actions.
</p>
+ <ednote>
+ <edtext>
+ This is not entirely true, there are default actions for device
+ event types when the events trigger activation, and there is a
+ discussion about canceling keyboard events...
+ </edtext>
+ </ednote>
+
<p>
This specification does not provide mechanisms for accessing
default actions or adding new ones.
</p>
+ <p>
+ Implementations could react to an event before dispatching it and
+ do changes on the display and the DOM tree. In such case, if a DOM
+ attribute is changed before the event is fired, cancelling the
+ device event type will also reverse the change. A good example is
+ the attribute <code>HTMLInputElement.checked</code>: As described
+ in <bibref ref="DOM2HTML"/>, the value of this property may be
+ changed before the dispatch of the event; the user clicks on the
+ radio button, the radio button is being checked (or unchecked) on
+ the display, the attribute <code>HTMLInputElement.checked</code> is
+ changed as well, and then the device event type
+ <termref def="event-click">click</termref> is being dispatched. If
+ the default action of the device event type is prevented, or if the
+ default action attached to the
+ <termref def="event-DOMActivate">DOMActivate</termref> event type
+ is prevented, the property <code>HTMLInputElement.checked</code>
+ will need to be changed back to its original value.
+ </p>
+ </div2>
+
+ <div2 id="Events-flow-activation">
+ <head>
+ Activation
+ </head>
+
+ <p>
+ <bibref ref="DOM2Events"/> introduced the concept of activation and
+ the associated
+ <termref def="event-DOMActivate">DOMActivate</termref> event type
+ to separate generic actions from the devices used to activate them.
+ For example, a hyperlink can be activated using a mouse or a
+ keyboard, and on activation the user agent follows the link. It is
+ expected that the action of following the link is done using a
+ default action attached to the hyperlink element, which is
+ performed as default action of the event type
+ <code>DOMActivate</code>. The <code>DOMActivate</code> event type
+ is then dispatched as the default action of the respective device
+ event type.
+ </p>
+
+ <p>
+ DOM Level 3 Events extends the event type
+ <termref def="event-click">click</termref> to participate in this
+ model in order to accomodate legacy applications that do not make
+ use of the event type <code>DOMActivate</code>. If activation is
+ requested using a mouse click, implementations dispatch a
+ <code>click</code> event with a default action to trigger the event
+ type <code>DOMActivate</code>. If, however, activation is requested
+ using other devices like a keyboard, the default action of the
+ keyboard event is to trigger a <term>virtual click event</term>
+ with a default action to trigger the event type
+ <code>DOMActivate</code>. This implies that whenever
+ implementations generate a <code>DOMActivate</code> event, there
+ will be a preceding <code>click</code> event.
+ </p>
+
+ <p>
+ The context information of a virtual click event is
+ implementation-defined. DOM applications should not rely on virtual
+ click events to respond to activation requests, the event type
+ <code>DOMActivate</code> should be used instead.
+ </p>
+
<note>
<p>
- Some implementations also provide default actions
- <emph>before</emph> the dispatch of the event. It is not possible
- to cancel those default actions and this specification does not
- address them. An example of such default actions can be found in
- <bibref role="informative" ref="DOM2HTML"/> on the
- <code>HTMLInputElement.checked</code> attribute.
+ While triggering the event type <code>DOMActivate</code> is a
+ default action of the event type <code>click</code> in case of
+ activation, the reverse does not hold true; when DOM applications
+ dispatch a <code>DOMActivate</code> event, implementations will
+ not trigger the event type <code>click</code>.
</p>
</note>
</div2>
@@ -1031,8 +1105,7 @@
<termref def="dt-localname">local name</termref> and a
<termref def="dt-namespaceURI">namespace URI</termref> as used in
<bibref ref="DOMCore"/>. All events defined in this specification
- use the namespace URI
- <code>"http://www.w3.org/2001/xml-events"</code>.
+ are in no namespace.
</p>
<div3 id="Events-EventTypes-category">
@@ -1062,8 +1135,8 @@
<p>
Depending on the level of DOM support, or the devices used for
- display (e.g. screen) or interaction (e.g. mouse, keyboard, touch
- screen, voice, ...), these event types can be generated by the
+ display (e.g. screen) or interaction (e.g., mouse, keyboard, touch
+ screen, and voice), these event types can be generated by the
implementation. When used with an
<bibref ref="XML" role="informative"/> or
<bibref ref="HTML40" role="informative"/> application, the
@@ -1075,14 +1148,11 @@
</p>
<p>
- The following list defines all event types (with the exception of
- two event types preserved for backward compatibility with
- <bibref role="informative" ref="HTML40"/>, see
- <specref ref="Events-eventgroupings-htmlevents"/>) provided in
- this specification. All event types defined in this specification
- are bound to the namespace URI
- <code>"http://www.w3.org/2001/xml-events"</code> and the following
- list only enumerates the local name of the event type.
+ The following list defines all event types provided in this
+ specification. All event types defined in this specification are
+ in no namespace and the following list only enumerates the local
+ name of the event type.
+<!-- should say local name used throughout the spec? -->
</p>
<ednote>
@@ -1837,13 +1907,14 @@
</table>
-->
<p>
- As an example, the event <code>ev:load</code> will trigger event
- listeners attached on <code>Element</code> nodes for that event
- and on the capture and target phases. This event cannot be
- cancelled. If an event listener for the <code>ev:load</code> event
- is attached to a node other than <code>Document</code> or
- <code>Element</code> nodes, or if it is attached to the bubbling
- phase only, this event listener cannot be triggered.
+ As an example, the event <termref def="event-load">load</termref>
+ will trigger event listeners attached on <code>Element</code>
+ nodes for that event and on the capture and target phases. This
+ event cannot be cancelled. If an event listener for the
+ <termref def="event-load">load</termref> event is attached to a
+ node other than <code>Document</code> or <code>Element</code>
+ nodes, or if it is attached to the bubbling phase only, this event
+ listener cannot be triggered.
</p>
<p>
@@ -1861,49 +1932,7 @@
<p>
<termref def="dt-namespaceURI">Namespace URIs</termref> were only
introduced in DOM Level 3 Events and were not part of DOM Level 2
- Events. DOM Level 2 Events methods are namespace ignorant and the
- event type is only represented by an
- <termref def="dt-XML-name">XML name</termref>, specified in the
- <code>Event.type</code> attribute.
- </p>
-
- <p>
- Therefore, while it is safe to use these methods when not dealing
- with namespaces, using them and the new ones at the same time
- should be avoided. DOM Level 2 Events methods solely identify
- events by their <code>Event.type</code>. On the contrary, the
- namespaces aware DOM Level 3 Events methods, identify events by
- their <code>Event.namespaceURI</code> and <code>Event.type</code>.
- Because of this fundamental difference, mixing both sets of
- methods can lead to unpredictable results. For example, using
- <code>EventTarget.addEventListenerNS(namespaceURI, type, listener,
- ...)</code>, two event listeners (or more) could be registered
- using the same <code>type</code> and same <code>useCapture</code>
- values, but different <code>namespaceURI</code>s. Calling
- <code>EventTarget.removeEventListener(type, listener, ...)</code>
- with that <code>type</code> and <code>useCapture</code> could then
- remove any or none of those event listeners. The result depends on
- the implementation. The only guarantee in such cases is that all
- methods which access an event listener by its
- <code>namespaceURI</code> and <code>type</code> will access the
- same event listener. For instance,
- <code>EventTarget.removeEventListenerNS(namespaceURI, type,
- listener, ...)</code> removes the event that
- <code>EventTarget.addEventListenerNS(namespaceURI, type, listener,
- ...)</code> added.
- </p>
-
- <p>
- For compatibility reasons, the dispatching of an event will ignore
- namespace URIs if either the event or the event listener has a
- <code>null</code> namespace URI. If a DOM Level 2 event (i.e. with
- a <code>null</code> namespace URI) is dispatched in the DOM tree,
- all event listeners that match the <code>type</code> will be
- triggered as described in the <specref ref="Events-flow"/>. If a
- DOM Level 3 event (i.e. with a namespace URI) is dispatched in the
- DOM tree, all event listeners with the same type and the same or
- <code>null</code> namespace URI will be triggered as described in
- the <specref ref="Events-flow"/>.
+ Events.
</p>
<ednote>
@@ -1966,11 +1995,7 @@
The user can attach an event listener using the methods on the
<code>EventTarget</code> interface:
</p>
-<eg xml:space="preserve">myCircle.addEventListenerNS("http://www.w3.org/2001/xml-events",
- "DOMActivate",
- myListener,
- true,
- null);</eg>
+<eg xml:space="preserve">aCircle.addEventListener("DOMActivate", aListener, true);</eg>
<p>
The methods do not provide the ability to register the same event
listener more than once for the same event type and the same
@@ -1997,8 +2022,8 @@
</ulist>
<p>
- To register an event listener, DOM applications must use the
- methods <code>EventTarget.addEventListener()</code> and
+ To register an event listener, DOM applications use the methods
+ <code>EventTarget.addEventListener()</code> and
<code>EventTarget.addEventListenerNS()</code>.
</p>
@@ -2024,13 +2049,13 @@
In <bibref role="informative" ref="XMLEvents"/>, event listeners
are attached using elements and attributes:
</p>
-<eg xml:space="preserve"><listener event="DOMActivate" observer="myCircle" handler="#myListener"
+<eg xml:space="preserve"><listener event="DOMActivate" observer="aCircle" handler="#aListener"
phase="capture" propagate="stop"/></eg>
<p>
Event listeners can only be registered on <code>Element</code>
- nodes, i.e. other <code>Node</code> types are not addressable, and
- cannot be registered for a specific group either, i.e. they are
- always attached to the default group. The
+ nodes, other <code>Node</code> types are not addressable, and
+ cannot be registered for a specific group either, they are always
+ attached to the default group. The
<termref def="dt-target-phase">target phase</termref> and the
<termref def="dt-bubbling-phase">bubbling phase</termref> are
coupled during the registration.
@@ -2067,9 +2092,9 @@
</form></eg>
<p>
Event listeners can only be registered on <code>Element</code>
- nodes, i.e. other <code>Node</code> types are not addressable, and
- cannot be registered for a specific group either, i.e. they are
- always attached to the default group. The
+ nodes, other <code>Node</code> types are not addressable, and
+ cannot be registered for a specific group either, they are always
+ attached to the default group. The
<termref def="dt-target-phase">target phase</termref> and the
<termref def="dt-bubbling-phase">bubbling phase</termref> are
coupled during the registration.
@@ -2095,7 +2120,7 @@
<bibref role="informative" ref="SVG1"/>, event listeners are
specified as attributes:
</p>
-<eg xml:space="preserve"><circle id="myCircle" onactivate="myListener(evt)"
+<eg xml:space="preserve"><circle id="aCircle" onactivate="aListener(evt)"
cx="300" cy="225" r="100" fill="red"/></eg>
<p>
Since only one attribute with the same name can appear on an
@@ -2104,12 +2129,12 @@
type. Also, event listeners can only be registered on
<code>Element</code> nodes for the
<termref def="dt-target-phase">target phase</termref> and
- <termref def="dt-bubbling-phase">bubbling phase</termref>, i.e.
- other <code>Node</code> types and the
+ <termref def="dt-bubbling-phase">bubbling phase</termref>, other
+ <code>Node</code> types and the
<termref def="dt-capture-phase">capture phase</termref> are not
addressable with these languages. Event listeners cannot be
- registered for a specific group either, i.e. they are always
- attached to the default group.
+ registered for a specific group either, they are always attached
+ to the default group.
</p>
<p>
@@ -2204,17 +2229,12 @@
<attribute type="DOMString" name="type" readonly="yes" id="Events-Event-type">
<descr>
<p>
- The name should be an
+ The <termref def="dt-localname">local name</termref> of the
+ event type. The name must be an
<loc href="http://www.w3.org/TR/2004/REC-xml-names11-20040204/#NT-NCName">NCName</loc>
as defined in <bibref ref="Namespaces11"/> and is
case-sensitive.
</p>
-
- <p>
- If the attribute <code>Event.namespaceURI</code> is different
- from <code>null</code>, this attribute represents a
- <termref def="dt-localname">local name</termref>.
- </p>
</descr>
</attribute>
@@ -2555,9 +2575,9 @@
The <code>EventTarget</code> interface is implemented by all the
objects which could be <termref def="dt-event-target">event
targets</termref> in an implementation which supports the
- <specref ref="Events-flows"/>. The interface allows
- registration, removal or query of event listeners, and dispatch
- of events to an event target.
+ <specref ref="Events-flows"/>. The interface allows registration
+ and removal of event listeners, and dispatch of events to an
+ event target.
</p>
<p>
@@ -2786,17 +2806,7 @@
</exception>
</raises>
</method>
-<!-- removed
- <attribute type="EventListenerList" readonly="yes" name="eventListeners"
- id="EventTarget-eventListenerList" since="DOM Level 3">
- <descr>
-
- <p>An <code>EventListenerList</code> that contains all event listeners on
- this target, independently of their groups. Listeners may appear more
- than once in the list.</p>
- </descr>
- </attribute>
--->
+
<method name="addEventListenerNS" id="Events-EventTargetGroup-addEventListenerNS" since="DOM Level 3">
<descr>
<p>
@@ -3157,9 +3167,10 @@
<code>UIEvent.initUIEventNS()</code> method could then be
called on the newly created <code>UIEvent</code> object to
set the specific type of user interface event to be
- dispatched, <code>ev:DOMActivate</code> for example, and set
- its context information, e.g. <code>UIEvent.detail</code> in
- this example.
+ dispatched,
+ <termref def="event-DOMActivate">DOMActivate</termref> for
+ example, and set its context information, e.g.
+ <code>UIEvent.detail</code> in this example.
</p>
<p>
@@ -3187,6 +3198,13 @@
interfaces "UIEvent", "MouseEvent", "MutationEvent", and
"Event".
</p>
+
+ <ednote>
+ <edtext>
+ This does not say whether the argument is
+ case-insensitive, it is in some implementations...
+ </edtext>
+ </ednote>
</note>
</descr>
</param>
@@ -3572,7 +3590,7 @@
<glist role="event-definition">
<gitem>
- <label id="event-DOMActivate"><code>ev:DOMActivate</code></label>
+ <label id="event-DOMActivate"><termref def="event-DOMActivate">DOMActivate</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -3593,7 +3611,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -3667,7 +3685,7 @@
<glist role="event-definition">
<gitem>
- <label id="event-focus"><code>ev:focus</code></label>
+ <label id="event-focus"><termref def="event-focus">focus</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -3688,7 +3706,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -3754,7 +3772,7 @@
<glist role="event-definition">
<gitem>
- <label id="event-blur"><code>ev:blur</code></label>
+ <label id="event-blur"><termref def="event-blur">blur</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -3775,7 +3793,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -3849,10 +3867,11 @@
The text event module originates from the
<bibref ref="HTML40" role="informative"/> <code>onkeypress</code>
attribute. Unlike this attribute, the event type
- <code>ev:textInput</code> applies only to characters and is
- designed for use with any text input devices, not just keyboards.
- Refer to Appendix A, "<specref ref="KeySet"/>", for examples on
- how text events are used in combination with keyboard events.
+ <termref def="event-textInput">textInput</termref> applies only to
+ characters and is designed for use with any text input devices,
+ not just keyboards. Refer to Appendix A,
+ "<specref ref="KeySet"/>", for examples on how text events are
+ used in combination with keyboard events.
</p>
<definitions>
@@ -4044,7 +4063,7 @@
<glist role="event-definition">
<gitem>
- <label id="event-textInput"><code>ev:textInput</code></label>
+ <label id="event-textInput"><termref def="event-textInput">textInput</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -4065,7 +4084,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -4672,7 +4691,7 @@
<glist role="event-definition">
<gitem>
- <label id="event-click"><code>ev:click</code></label>
+ <label id="event-click"><termref def="event-click">click</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -4693,7 +4712,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -4772,24 +4791,30 @@
i.e. may depend on the screen location or the delay between the
press and release of the pointing device button. In any case,
the target node must be the same between the
- <code>ev:mousedown</code>, <code>ev:mouseup</code>, and
- <code>ev:click</code>. The sequence of these events is:
- <code>ev:mousedown</code>, <code>ev:mouseup</code>, and
- <code>ev:click</code>. It depends on the environment
- configuration whether the event type <code>ev:click</code> can
- occur if one or more of the event types
- <code>ev:mouseover</code>, <code>ev:mousemove</code>, and
- <code>ev:mouseout</code> occur between the press and release of
- the pointing device button. In the case of nested elements,
- this event type is always targeted at the most deeply nested
- element.
+ <termref def="event-mousedown">mousedown</termref>,
+ <termref def="event-mouseup">mouseup</termref>, and
+ <termref def="event-click">click</termref>. The sequence of
+ these events is:
+ <termref def="event-mousedown">mousedown</termref>,
+ <termref def="event-mouseup">mouseup</termref>, and
+ <termref def="event-click">click</termref>. It depends on the
+ environment configuration whether the event type
+ <termref def="event-click">click</termref> can occur if one or
+ more of the event types
+ <termref def="event-mouseover">mouseover</termref>,
+ <termref def="event-mousemove">mousemove</termref>, and
+ <termref def="event-mouseout">mouseout</termref> occur between
+ the press and release of the pointing device button. In the
+ case of nested elements, this event type is always targeted at
+ the most deeply nested element.
</p>
<ednote>
<edtext>
There is an open issue
<loc href='http://www.w3.org/2005/06/tracker/webapi/issues/9'>ISSUE-9</loc>
- concerned with making <code>ev:click</code> more generic.
+ concerned with making
+ <termref def="event-click">click</termref> more generic.
</edtext>
</ednote>
</def>
@@ -4798,7 +4823,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-mousedown"><code>ev:mousedown</code></label>
+ <label id="event-mousedown"><termref def="event-mousedown">mousedown</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -4819,7 +4844,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -4900,7 +4925,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-mouseup"><code>ev:mouseup</code></label>
+ <label id="event-mouseup"><termref def="event-mouseup">mouseup</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -4921,7 +4946,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -5000,7 +5025,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-mouseover"><code>ev:mouseover</code></label>
+ <label id="event-mouseover"><termref def="event-mouseover">mouseover</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -5021,7 +5046,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -5099,7 +5124,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-mousemove"><code>ev:mousemove</code></label>
+ <label id="event-mousemove"><termref def="event-mousemove">mousemove</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -5120,7 +5145,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -5195,7 +5220,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-mouseout"><code>ev:mouseout</code></label>
+ <label id="event-mouseout"><termref def="event-mouseout">mouseout</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -5216,7 +5241,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -5301,43 +5326,37 @@
<olist>
<item>
<p>
- {<code>"http://www.w3.org/2001/xml-events", "mousedown"</code>}
- (<code>1</code>)
- </p>
- </item>
-
- <item>
- <p>
- {<code>"http://www.w3.org/2001/xml-events", "mouseup"</code>}
- (<code>1</code>)
+ <code>"mousedown"</code> (<code>1</code>)
</p>
</item>
<item>
<p>
- {<code>"http://www.w3.org/2001/xml-events", "click"</code>}
- (<code>1</code>)
+ <code>"mouseup"</code> (<code>1</code>)
</p>
</item>
<item>
<p>
- {<code>"http://www.w3.org/2001/xml-events", "mousedown"</code>}
- (<code>2</code>)
+ <code>"click"</code> (<code>1</code>)
</p>
</item>
<item>
<p>
- {<code>"http://www.w3.org/2001/xml-events", "mouseup"</code>}
- (<code>2</code>)
+ <code>"mousedown"</code> (<code>2</code>)
</p>
</item>
<item>
<p>
- {<code>"http://www.w3.org/2001/xml-events", "click"</code>}
- (<code>2</code>)
+ <code>"mouseup"</code> (<code>2</code>)
+ </p>
+ </item>
+
+ <item>
+ <p>
+ <code>"click"</code> (<code>2</code>)
</p>
</item>
</olist>
@@ -5762,7 +5781,7 @@
<glist role="event-definition">
<gitem>
- <label id="event-keydown"><code>ev:keydown</code></label>
+ <label id="event-keydown"><termref def="event-keydown">keydown</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -5783,7 +5802,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -5852,9 +5871,10 @@
generated after the keyboard mapping but before the processing
of an <termref def="dt-ime">input method editor</termref>. This
event should logically happen before the event
- <code>ev:keyup</code> is produced. Whether a
- <code>ev:keydown</code> contributes or not to the generation of
- a text event is implementation dependent.
+ <termref def="event-keyup">keyup</termref> is produced. Whether
+ a <termref def="event-keydown">keydown</termref> contributes or
+ not to the generation of a text event is implementation
+ dependent.
</p>
</def>
</gitem>
@@ -5862,7 +5882,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-keyup"><code>ev:keyup</code></label>
+ <label id="event-keyup"><termref def="event-keyup">keyup</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -5883,7 +5903,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -5954,9 +5974,9 @@
generated after the keyboard mapping but before the processing
of an <termref def="dt-ime">input method editor</termref>. This
event should logically happen after the event
- <code>ev:keydown</code> is produced. Whether a keyup
- contributes or not to the generation of a text event is
- implementation dependent.
+ <termref def="event-keydown">keydown</termref> is produced.
+ Whether a keyup contributes or not to the generation of a text
+ event is implementation dependent.
</p>
</def>
</gitem>
@@ -6050,8 +6070,9 @@
If an event is instead dispatched to a subtree indicating a
node was changed within it, the <code>relatedNode</code> is
the changed node. In the case of the
- <code>ev:DOMAttrModified</code> event it indicates the
- <code>Attr</code> node which was modified, added, or removed.
+ <termref def="event-DOMAttrModified">DOMAttrModified</termref>
+ event it indicates the <code>Attr</code> node which was
+ modified, added, or removed.
</p>
</descr>
</attribute>
@@ -6060,9 +6081,11 @@
<descr>
<p>
<code>prevValue</code> indicates the previous value of the
- <code>Attr</code> node in <code>ev:DOMAttrModified</code>
+ <code>Attr</code> node in
+ <termref def="event-DOMAttrModified">DOMAttrModified</termref>
events, and of the <code>CharacterData</code> node in
- <code>ev:DOMCharacterDataModified</code> events.
+ <termref def="event-DOMCharacterDataModified">DOMCharacterDataModified</termref>
+ events.
</p>
</descr>
</attribute>
@@ -6071,9 +6094,11 @@
<descr>
<p>
<code>newValue</code> indicates the new value of the
- <code>Attr</code> node in <code>ev:DOMAttrModified</code>
+ <code>Attr</code> node in
+ <termref def="event-DOMAttrModified">DOMAttrModified</termref>
events, and of the <code>CharacterData</code> node in
- <code>ev:DOMCharacterDataModified</code> events.
+ <termref def="event-DOMCharacterDataModified">DOMCharacterDataModified</termref>
+ events.
</p>
</descr>
</attribute>
@@ -6082,7 +6107,8 @@
<descr>
<p>
<code>attrName</code> indicates the name of the changed
- <code>Attr</code> node in a <code>ev:DOMAttrModified</code>
+ <code>Attr</code> node in a
+ <termref def="event-DOMAttrModified">DOMAttrModified</termref>
event.
</p>
</descr>
@@ -6092,8 +6118,9 @@
<descr>
<p>
<code>attrChange</code> indicates the type of change which
- triggered the <code>ev:DOMAttrModified</code> event. The
- values can be <code>MODIFICATION</code>,
+ triggered the
+ <termref def="event-DOMAttrModified">DOMAttrModified</termref>
+ event. The values can be <code>MODIFICATION</code>,
<code>ADDITION</code>, or <code>REMOVAL</code>.
</p>
</descr>
@@ -6325,7 +6352,7 @@
<glist role="event-definition">
<gitem>
- <label id="event-DOMSubtreeModified"><code>ev:DOMSubtreeModified</code></label>
+ <label id="event-DOMSubtreeModified"><termref def="event-DOMSubtreeModified">DOMSubtreeModified</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -6346,7 +6373,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -6421,7 +6448,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-DOMNodeInserted"><code>ev:DOMNodeInserted</code></label>
+ <label id="event-DOMNodeInserted"><termref def="event-DOMNodeInserted">DOMNodeInserted</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -6442,7 +6469,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -6515,7 +6542,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-DOMNodeRemoved"><code>ev:DOMNodeRemoved</code></label>
+ <label id="event-DOMNodeRemoved"><termref def="event-DOMNodeRemoved">DOMNodeRemoved</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -6536,7 +6563,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -6608,7 +6635,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-DOMNodeRemovedFromDocument"><code>ev:DOMNodeRemovedFromDocument</code></label>
+ <label id="event-DOMNodeRemovedFromDocument"><termref def="event-DOMNodeRemovedFromDocument">DOMNodeRemovedFromDocument</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -6629,7 +6656,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -6695,8 +6722,8 @@
place. The <termref def="dt-target-node">target node</termref>
of this event type is the node being removed. If the node is
being directly removed, the event type
- <code>ev:DOMNodeRemoved</code> will fire before this event
- type.
+ <termref def="event-DOMNodeRemoved">DOMNodeRemoved</termref>
+ will fire before this event type.
</p>
</def>
</gitem>
@@ -6704,7 +6731,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-DOMNodeInsertedIntoDocument"><code>ev:DOMNodeInsertedIntoDocument</code></label>
+ <label id="event-DOMNodeInsertedIntoDocument"><termref def="event-DOMNodeInsertedIntoDocument">DOMNodeInsertedIntoDocument</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -6725,7 +6752,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -6791,8 +6818,8 @@
taken place. The <termref def="dt-target-node">target
node</termref> of this event is the node being inserted. If the
node is being directly inserted, the event type
- <code>ev:DOMNodeInserted</code> will fire before this event
- type.
+ <termref def="event-DOMNodeInserted">DOMNodeInserted</termref>
+ will fire before this event type.
</p>
</def>
</gitem>
@@ -6800,7 +6827,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-DOMAttrModified"><code>ev:DOMAttrModified</code></label>
+ <label id="event-DOMAttrModified"><termref def="event-DOMAttrModified">DOMAttrModified</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -6821,7 +6848,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -6916,7 +6943,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-DOMCharacterDataModified"><code>ev:DOMCharacterDataModified</code></label>
+ <label id="event-DOMCharacterDataModified"><termref def="event-DOMCharacterDataModified">DOMCharacterDataModified</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -6937,7 +6964,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -7233,7 +7260,7 @@
<glist role="event-definition">
<gitem>
- <label id="event-DOMElementNameChanged"><code>ev:DOMElementNameChanged</code></label>
+ <label id="event-DOMElementNameChanged"><termref def="event-DOMElementNameChanged">DOMElementNameChanged</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -7254,7 +7281,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -7324,7 +7351,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-DOMAttributeNameChanged"><code>ev:DOMAttributeNameChanged</code></label>
+ <label id="event-DOMAttributeNameChanged"><termref def="event-DOMAttributeNameChanged">DOMAttributeNameChanged</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -7345,7 +7372,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -7446,18 +7473,18 @@
</p>
<p>
- The event types <code>ev:resize</code> and <code>ev:scroll</code>
- implement the <code>UIEvent</code> interface. All other basic
- event types implement at least the basic <code>Event</code>
- interface. However, they may be generated from a user interface;
- in that case, the event objects also implements the
- <code>UIEvent</code> interface and <code>UIEvent.view</code> is in
- use.
+ The event types <termref def="event-resize">resize</termref> and
+ <termref def="event-scroll">scroll</termref> implement the
+ <code>UIEvent</code> interface. All other basic event types
+ implement at least the basic <code>Event</code> interface.
+ However, they may be generated from a user interface; in that
+ case, the event objects also implements the <code>UIEvent</code>
+ interface and <code>UIEvent.view</code> is in use.
</p>
<glist role="event-definition">
<gitem>
- <label id="event-load"><code>ev:load</code></label>
+ <label id="event-load"><termref def="event-load">load</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -7478,7 +7505,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -7549,7 +7576,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-unload"><code>ev:unload</code></label>
+ <label id="event-unload"><termref def="event-unload">unload</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -7570,7 +7597,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -7640,7 +7667,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-abort"><code>ev:abort</code></label>
+ <label id="event-abort"><termref def="event-abort">abort</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -7661,7 +7688,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -7727,7 +7754,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-error"><code>ev:error</code></label>
+ <label id="event-error"><termref def="event-error">error</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -7748,7 +7775,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -7825,7 +7852,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-select"><code>ev:select</code></label>
+ <label id="event-select"><termref def="event-select">select</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -7846,7 +7873,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -7913,7 +7940,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-change"><code>ev:change</code></label>
+ <label id="event-change"><termref def="event-change">change</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -7934,7 +7961,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -8000,7 +8027,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-submit"><code>ev:submit</code></label>
+ <label id="event-submit"><termref def="event-submit">submit</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -8021,7 +8048,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -8088,7 +8115,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-reset"><code>ev:reset</code></label>
+ <label id="event-reset"><termref def="event-reset">reset</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -8109,7 +8136,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -8176,7 +8203,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-resize"><code>ev:resize</code></label>
+ <label id="event-resize"><termref def="event-resize">resize</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -8197,7 +8224,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -8263,7 +8290,7 @@
<!--..................................................................................-->
<glist role="event-definition">
<gitem>
- <label id="event-scroll"><code>ev:scroll</code></label>
+ <label id="event-scroll"><termref def="event-scroll">scroll</termref></label>
<def>
<table summary="This table contains information about the semantics of the given event type" border="0" cellspacing="0" cellpadding="2">
@@ -8284,7 +8311,7 @@
</th>
<td>
- <code>http://www.w3.org/2001/xml-events</code>
+ <code>None</code>
</td>
</tr>
@@ -8398,12 +8425,7 @@
<p>
The following descriptions of event types are refinements of the
general descriptions provided in
- <specref ref="Events-EventTypes-complete"/> @@(replace this by
- something), with the addition of the events <code>ev:focus</code>
- and <code>ev:blur</code>. All events types are bound to the
- namespace URI <code>"http://www.w3.org/2001/xml-events"</code> and
- the following list only enumerates the local name of the event
- type.
+ <specref ref="Events-eventgroupings"/>.
</p>
<glist>
@@ -8476,8 +8498,9 @@
interface manipulation or the <code>focus()</code> methods and
the attributes defined in
<bibref role="informative" ref="DOM2HTML"/>. This event type is
- dispatched before the event type <code>ev:blur</code>. This
- event is valid for INPUT, SELECT, and TEXTAREA element.
+ dispatched before the event type
+ <termref def="event-blur">blur</termref>. This event is valid
+ for INPUT, SELECT, and TEXTAREA element.
</p>
</def>
</gitem>
@@ -8869,46 +8892,6 @@
</tr>
</tbody>
</table>
-
- <div4>
- <head>
- Activation and default actions
- </head>
-
- <p>
- The concept of activation (<code>ev:DOMActivate</code>) was
- introduced in <bibref ref="DOM2Events"/> to separate generic
- actions from the devices used to activate them. For example, an
- hyperlink can be activated using a mouse or a keyboard, and the
- activation will force the user agent to follow the link. It is
- expected that the action of following the link is done using a
- default action attached to the hyperlink element. In such case,
- the default action of the device event type is to trigger the
- event type <code>ev:DOMActivate</code>. Preventing the default
- action of a mouse click when the target node is an hyperlink will
- prevent the activation. The same approach is made for control
- elements.
- </p>
-
- <p>
- Implementations could react to an event before dispatching it and
- do changes on the display and the DOM tree. In such case, if a
- DOM attribute is changed before the event is fired, cancelling
- the device event type will also reverse the change. A good
- example is the attribute <code>HTMLInputElement.checked</code>:
- As described in <bibref ref="DOM2HTML"/>, the value of this
- property may be changed before the dispatch of the event; the
- user clicks on the radio button, the radio button is being
- checked (or unchecked) on the display, the attribute
- <code>HTMLInputElement.checked</code> is changed as well, and
- then the device event type <code>ev:click</code> is being
- dispatched. If the default action of the device event type is
- prevented, or if the default action attached to the
- <code>ev:DOMActivate</code> event type is prevented, the property
- <code>HTMLInputElement.checked</code> will need to be changed
- back to its original value.
- </p>
- </div4>
</div3>
</div2>
</div1>
@@ -9049,22 +9032,20 @@
<olist>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0051"</code> (Latin Capital Letter Q key)
+ <code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital
+ Letter Q key)
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "textInput"}</code>:
- <code>"q"</code>
+ <code>"textInput"</code>: <code>"q"</code>
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0051"</code>
+ <code>"keyup"</code>: <code>"U+0051"</code>
</p>
</item>
</olist>
@@ -9077,22 +9058,20 @@
<olist>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0041"</code> (Latin Capital Letter A key)
+ <code>"keydown"</code>: <code>"U+0041"</code> (Latin Capital
+ Letter A key)
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "textInput"}</code>:
- <code>"a"</code>
+ <code>"textInput"</code>: <code>"a"</code>
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0041"</code>
+ <code>"keyup"</code>: <code>"U+0041"</code>
</p>
</item>
</olist>
@@ -9105,22 +9084,20 @@
<olist>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0409"</code> (Cyrillic Capital Letter LJE)
+ <code>"keydown"</code>: <code>"U+0409"</code> (Cyrillic Capital
+ Letter LJE)
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "textInput"}</code>:
- <code>"љ"</code>
+ <code>"textInput"</code>: <code>"љ"</code>
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0409"</code>
+ <code>"keyup"</code>: <code>"U+0409"</code>
</p>
</item>
</olist>
@@ -9140,10 +9117,11 @@
<p>
Keyboard input uses modifier keys to change the normal behavior of
a key. Keys associated with modifiers generate, like other keys,
- <code>ev:keydown</code> and <code>ev:keyup</code> events as shown
- in the example below. Some modifiers are activated while the key
- is being pressed down or maintained pressed such as
- <code>"Alt"</code>, <code>"Control"</code>, <code>"Shift"</code>,
+ <termref def="event-keydown">keydown</termref> and
+ <termref def="event-keyup">keyup</termref> events as shown in the
+ example below. Some modifiers are activated while the key is being
+ pressed down or maintained pressed such as <code>"Alt"</code>,
+ <code>"Control"</code>, <code>"Shift"</code>,
<code>"AltGraph"</code>, or <code>"Meta"</code>. Others modifiers
are activated depending on their state such as
<code>"CapsLock"</code>, <code>"NumLock"</code>, or
@@ -9169,36 +9147,32 @@
<olist>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"Shift"</code>, shiftKey
- </p>
- </item>
-
- <item>
- <p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey
+ <code>"keydown"</code>: <code>"Shift"</code>, shiftKey
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "textInput"}</code>:
- <code>"Q"</code>
+ <code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital
+ Letter Q key), shiftKey
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0051"</code>, shiftKey
+ <code>"textInput"</code>: <code>"Q"</code>
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"Shift"</code>
+ <code>"keyup"</code>: <code>"U+0051"</code>, shiftKey
+ </p>
+ </item>
+
+ <item>
+ <p>
+ <code>"keyup"</code>: <code>"Shift"</code>
</p>
</item>
</olist>
@@ -9212,29 +9186,26 @@
<olist>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"Control"</code>, ctrlKey
+ <code>"keydown"</code>: <code>"Control"</code>, ctrlKey
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0056"</code> (Latin Capital Letter V key), ctrlKey
+ <code>"keydown"</code>: <code>"U+0056"</code> (Latin Capital
+ Letter V key), ctrlKey
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0056"</code>, ctrlKey
+ <code>"keyup"</code>: <code>"U+0056"</code>, ctrlKey
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"Control"</code>
+ <code>"keyup"</code>: <code>"Control"</code>
</p>
</item>
</olist>
@@ -9267,36 +9238,33 @@
<olist>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0302"</code> (Combining Circumflex Accent key)
- </p>
- </item>
-
- <item>
- <p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0302"</code>
+ <code>"keydown"</code>: <code>"U+0302"</code> (Combining
+ Circumflex Accent key)
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0045"</code> (Latin Capital Letter E key)
+ <code>"keyup"</code>: <code>"U+0302"</code>
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "textInput"}</code>:
- <code>"é"</code>
+ <code>"keydown"</code>: <code>"U+0045"</code> (Latin Capital
+ Letter E key)
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0045"</code>
+ <code>"textInput"</code>: <code>"é"</code>
+ </p>
+ </item>
+
+ <item>
+ <p>
+ <code>"keyup"</code>: <code>"U+0045"</code>
</p>
</item>
</olist>
@@ -9320,13 +9288,14 @@
This specification does not provide a representation of the input
method editor (IME) events, i.e. the IME's functions and the IME
context are not represented in this set. As an example, receiving
- a <code>ev:keydown</code> for the "Accept" key identifier does not
- necessarily imply that the text currently selected in the IME is
- being accepted. It only indicates that a keystroke happened,
- disconnected from the IME Accept functionality. Depending on the
- device in use, the IME Accept functionality can be obtain using
- the Accept key or the Return key. Keyboard events cannot be used
- to determine the current state of the input method editor.
+ a <termref def="event-keydown">keydown</termref> for the "Accept"
+ key identifier does not necessarily imply that the text currently
+ selected in the IME is being accepted. It only indicates that a
+ keystroke happened, disconnected from the IME Accept
+ functionality. Depending on the device in use, the IME Accept
+ functionality can be obtain using the Accept key or the Return
+ key. Keyboard events cannot be used to determine the current state
+ of the input method editor.
</p>
<p>
@@ -9349,64 +9318,59 @@
<olist>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0053"</code> (Latin Capital Letter S key)
- </p>
- </item>
-
- <item>
- <p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0053"</code> (Latin Capital Letter S key)
- </p>
- </item>
-
- <item>
- <p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0049"</code> (Latin Capital Letter I key)
- </p>
- </item>
-
- <item>
- <p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0049"</code> (Latin Capital Letter I key)
+ <code>"keydown"</code>: <code>"U+0053"</code> (Latin Capital
+ Letter S key)
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"Convert"</code>
- </p>
- </item>
-
- <item>
- <p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"Convert"</code>
+ <code>"keyup"</code>: <code>"U+0053"</code> (Latin Capital
+ Letter S key)
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"Accept"</code>
+ <code>"keydown"</code>: <code>"U+0049"</code> (Latin Capital
+ Letter I key)
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "textInput"}</code>:
- <code>"市"</code>
+ <code>"keyup"</code>: <code>"U+0049"</code> (Latin Capital
+ Letter I key)
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"Accept"</code>
+ <code>"keydown"</code>: <code>"Convert"</code>
+ </p>
+ </item>
+
+ <item>
+ <p>
+ <code>"keyup"</code>: <code>"Convert"</code>
+ </p>
+ </item>
+
+ <item>
+ <p>
+ <code>"keydown"</code>: <code>"Accept"</code>
+ </p>
+ </item>
+
+ <item>
+ <p>
+ <code>"textInput"</code>: <code>"市"</code>
+ </p>
+ </item>
+
+ <item>
+ <p>
+ <code>"keyup"</code>: <code>"Accept"</code>
</p>
</item>
</olist>
@@ -9418,24 +9382,26 @@
</head>
<p>
- Canceling the default action of a <code>ev:keydown</code> event
- does not affect its respective <code>ev:keyup</code> event; it
- will however prevent the respective <code>ev:textInput</code>
- event from being generated. The following example describes a
- possible sequence of keys to generate the Unicode character Q
- (Latin Capital Letter Q) on a PC/AT US keyboard using a US
- mapping:
+ Canceling the default action of a
+ <termref def="event-keydown">keydown</termref> event does not
+ affect its respective <termref def="event-keyup">keyup</termref>
+ event; it will however prevent the respective
+ <termref def="event-textInput">textInput</termref> event from
+ being generated. The following example describes a possible
+ sequence of keys to generate the Unicode character Q (Latin
+ Capital Letter Q) on a PC/AT US keyboard using a US mapping:
</p>
<olist>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey
- </p>
-
- <p>
- the default action of the <code>ev:keydown</code> event is
+ <code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital
+ Letter Q key), shiftKey
+ </p>
+
+ <p>
+ the default action of the
+ <termref def="event-keydown">keydown</termref> event is
prevented, e.g. by invoking <code>Event.preventDefault()</code>
during the dispatch of the keydown event object.
</p>
@@ -9443,15 +9409,13 @@
<item>
<p>
- No <code>{"http://www.w3.org/2001/xml-events",
- "textInput"}</code> is generated.
+ No <code>"textInput"</code> is generated.
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0051"</code>, shiftKey
+ <code>"keyup"</code>: <code>"U+0051"</code>, shiftKey
</p>
</item>
</olist>
@@ -9467,8 +9431,7 @@
<olist>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"Shift"</code>, shiftKey
+ <code>"keydown"</code>: <code>"Shift"</code>, shiftKey
</p>
<p>
@@ -9478,29 +9441,26 @@
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey
+ <code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital
+ Letter Q key), shiftKey
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "textInput"}</code>:
- <code>"Q"</code>
+ <code>"textInput"</code>: <code>"Q"</code>
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0051"</code>, shiftKey
+ <code>"keyup"</code>: <code>"U+0051"</code>, shiftKey
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"Shift"</code>
+ <code>"keyup"</code>: <code>"Shift"</code>
</p>
</item>
</olist>
@@ -9509,20 +9469,22 @@
If the key is part of a sequence of several keystrokes, whether it
is a dead key or it is contributing to an Input Method Editor
sequence, the keystroke is ignored (not taken into account) only
- if the default action is canceled on the <code>ev:keydown</code>
- event. Canceling a dead key on a <code>ev:keyup</code> event has
- not effect on <code>ev:textInput</code> events. The following
- example uses the keystrokes <code>"U+0302"</code> (Combining
- Circumflex Accent key) and <code>"U+0045"</code> (Latin Capital
- Letter E key) (on a PC/AT french keyboard using a french mapping
- and without any modifier activated):
+ if the default action is canceled on the
+ <termref def="event-keydown">keydown</termref> event. Canceling a
+ dead key on a <termref def="event-keyup">keyup</termref> event has
+ not effect on <termref def="event-textInput">textInput</termref>
+ events. The following example uses the keystrokes
+ <code>"U+0302"</code> (Combining Circumflex Accent key) and
+ <code>"U+0045"</code> (Latin Capital Letter E key) (on a PC/AT
+ french keyboard using a french mapping and without any modifier
+ activated):
</p>
<olist>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0302"</code> (Combining Circumflex Accent key)
+ <code>"keydown"</code>: <code>"U+0302"</code> (Combining
+ Circumflex Accent key)
</p>
<p>
@@ -9532,29 +9494,26 @@
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0302"</code>
+ <code>"keyup"</code>: <code>"U+0302"</code>
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keydown"}</code>:
- <code>"U+0045"</code> (Latin Capital Letter E key)
+ <code>"keydown"</code>: <code>"U+0045"</code> (Latin Capital
+ Letter E key)
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "textInput"}</code>:
- <code>"a"</code>
+ <code>"textInput"</code>: <code>"a"</code>
</p>
</item>
<item>
<p>
- <code>{"http://www.w3.org/2001/xml-events", "keyup"}</code>:
- <code>"U+0045"</code>
+ <code>"keyup"</code>: <code>"U+0045"</code>
</p>
</item>
</olist>
@@ -11911,10 +11870,11 @@
</p>
<p>
- The DOM Level 2 Event <code>ev:load</code> event type can now be
- dispatched to more <bibref ref="HTML40"/> elements.
- <code>ev:blur</code> and <code>ev:focus</code> have been clarified
- and restricted to <bibref ref="HTML40"/> applications only.
+ The DOM Level 2 Event <termref def="event-load">load</termref>
+ event type can now be dispatched to more <bibref ref="HTML40"/>
+ elements. <termref def="event-blur">blur</termref> and
+ <termref def="event-focus">focus</termref> have been clarified and
+ restricted to <bibref ref="HTML40"/> applications only.
</p>
</div3>
@@ -12828,11 +12788,10 @@
<def>
<p>
- A <term>local name</term> is the local part of a <term>qualified
- name</term>. This is called the
- <xtermref href="http://www.w3.org/TR/1999/REC-xml-names-19990114/#dt-localname">local
- part</xtermref> in Namespaces in XML
- <bibref role="informative" ref="Namespaces"/>.
+ See
+ <xtermref role='informative' href="http://www.w3.org/TR/2004/REC-xml-names11-20040204/#dt-localname">local
+ name</xtermref> in Namespaces in XML 1.1
+ <bibref role="informative" ref="Namespaces11"/>.
</p>
</def>
</gitem>
@@ -13750,7 +13709,7 @@
* needs a security considerations sections
* needs review against specgl, charmod
* needs a spec conformance section
- * <code>ev:... should be turned into links
+ * <code>event-name</code> should be turned into links
* maybe change the {ns,local} notation in the key set
section to use ns:local instead.
* merge 1.3 and 1.7.7.1
@@ -13760,4 +13719,12 @@
implementation
* need to say what evt.view is if .focus() generated
the event type
+
+ Specgenerator bugs:
+
+ * <xtermref href> does not seem to work, even though
+ there is code for it in Body.java...
+ * it uses \ instead of / for Java paths on Win32
+ * uses MO style sheet, it shouldn't...
+
-->