updated key identifiers
authorschepers
Fri, 27 Jun 2008 17:00:38 +0900
changeset 53 8f9620fff0f1
parent 52 64455bf67d20
child 54 26e606b5f229
updated key identifiers
html/DOM3-Events.html
--- a/html/DOM3-Events.html	Thu Jun 19 03:38:14 2008 +0900
+++ b/html/DOM3-Events.html	Fri Jun 27 17:00:38 2008 +0900
@@ -3,1717 +3,3020 @@
 <!--
  Generated: Fri Jan 04 19:54:01 CET 2008 hive
  -->
-<html lang='en-US' xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
-<head>
-<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:[email protected]' />
-<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 June 2008</h2>
-<dl>
-<dt>This version:</dt>
-<dd><a href='http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/'>http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html</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/2007/WD-DOM-Level-3-Events-20071207'>http://www.w3.org/TR/2007/WD-DOM-Level-3-Events-20071207 (outdated)</a></dd>
-</dl>
-<dl>
-<dt>Editors:</dt>
-  <dd><a href='http://andrew.emmons.com/'>Andrew Emmons</a>, <i>Invited Expert</i></dd>
-  <dd>Bj&#246;rn H&#246;hrmann, <i>Invited Expert (until December 2007)</i></dd>
-  <dd>Philippe Le H&#233;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> &#169; 2008 <a href='http://www.w3.org/'><acronym title='World Wide Web Consortium'>W3C</acronym></a><sup>&#174;</sup> (<a href='http://www.csail.mit.edu/'><acronym title='Massachusetts Institute of Technology'>MIT</acronym></a>, <a href='http://www.ercim.org/'><acronym title='European Research Consortium for Informatics and Mathematics'>ERCIM</acronym></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> and <a href='http://www.w3.org/Consortium/Legal/copyright-documents'>document use</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='#security-considerations'>Appendix C: Security Considerations</a></li>
-<li class='tocline2'><a class='tocxref' href='#idl-definitions'>Appendix D: IDL Definitions</a></li>
-<li class='tocline2'><a class='tocxref' href='#java-binding'>Appendix E: Java Language Binding</a></li>
-<li class='tocline2'><a class='tocxref' href='#ecma-script-binding'>Appendix F: ECMAScript Language Binding</a></li>
-<li class='tocline2'><a class='tocxref' href='#acknowledgements'>Appendix G: 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'>January 2008</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>&#174;</sup> Document Copyright Notice and License</a></li>
-<li class='tocline3'><a class='tocxref' href='#copyright-notice-Copyright-notice-software'>W3C<sup>&#174;</sup> Software Copyright Notice and License</a></li>
-<li class='tocline3'><a class='tocxref' href='#copyright-notice-Copyright-short-notice'>W3C<sup>&#174;</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-Conformance'>1.1.1 Conformance</a></li>
-</ul>
-</li>
-<li class='tocline3'><a class='tocxref' href='#events-Events-flow'>1.2 Event dispatch and DOM event flow</a></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 requests and behavior</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-complete'>1.5.1 Complete list of event types</a></li>
-</ul>
-</li>
-<li class='tocline3'><a class='tocxref' href='#events-Events-interface'>1.6 Basic interfaces</a>
-<ul class='toc'>
-<li class='tocline4'><a class='tocxref' href='#events-Events-document'>1.6.1 Event creation</a></li>
-</ul>
-</li>
-<li class='tocline3'><a class='tocxref' href='#events-Events-eventgroupings'>1.7 Event module definitions</a>
-<ul class='toc'>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-uievents'>1.7.1 User Interface event types</a></li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-TextEvents-Interfaces'>1.7.2 Text events types</a></li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-KeyboardEvents-Interfaces'>1.7.3 Keyboard event types</a></li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-mouseevents'>1.7.4 Mouse event types</a></li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-mousewheelevents'>1.7.5 Mouse wheel event types</a></li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-wheelevents'>1.7.6 Wheel event types</a></li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-mutationevents'>1.7.7 Mutation event types</a></li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-mutationnameevents'>1.7.8 Mutation name event types</a></li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-basicevents'>1.7.9 Basic event types</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='#security-considerations'>Appendix C: Security Considerations</a></li>
-<li class='tocline2'><a class='tocxref' href='#idl-definitions'>Appendix D: IDL Definitions</a></li>
-<li class='tocline2'><a class='tocxref' href='#java-binding'>Appendix E: Java Language Binding</a></li>
-<li class='tocline2'><a class='tocxref' href='#ecma-script-binding'>Appendix F: ECMAScript Language Binding</a></li>
-<li class='tocline2'><a class='tocxref' href='#acknowledgements'>Appendix G: Acknowledgements</a>
-<ul class='toc'>
-<li class='tocline3'><a class='tocxref' href='#acknowledgements-Productions'>G.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'>January 2008</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 &#169; 2008 <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>&#174;</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>&#174;</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>&#174;</sup> Document Copyright Notice and License</h2>
-<p><b>Note:</b> This section is a copy of the W3C<sup>&#174;</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 &#169; 2008 <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 &#169; [$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>&#174;</sup> Software Copyright Notice and License</h2>
-<p><b>Note:</b> This section is a copy of the W3C<sup>&#174;</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 &#169; 2008 <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>&#174;</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>&#174;</sup> Short Software Notice</h2>
-<p><b>Note:</b> This section is a copy of the W3C<sup>&#174;</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 &#169; 2008 <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 &#169; [$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>&#174;</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'>January 2008</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><a href='http://bjoern.hoehrmann.de/'>Bj&#246;rn H&#246;hrmann</a></dd>
-<dd>Philippe Le H&#233;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-Conformance'>1.1.1 Conformance</a></li>
-</ul>
-</li>
-<li class='tocline3'><a class='tocxref' href='#events-Events-flow'>1.2 Event dispatch and DOM event flow</a></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 requests and behavior</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-complete'>1.5.1 Complete list of event types</a></li>
-</ul>
-</li>
-<li class='tocline3'><a class='tocxref' href='#events-Events-interface'>1.6 Basic interfaces</a>
-<ul class='toc'>
-<li class='tocline4'><a href='#events-Events-Event'>Event</a>, <a href='#events-Events-CustomEvent'>CustomEvent</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.6.1 Event creation</a>
-<ul>
-<li class='tocline5'><a href='#events-Events-DocumentEvent'>DocumentEvent</a></li>
-</ul>
-</li>
-</ul>
-</li>
-<li class='tocline3'><a class='tocxref' href='#events-Events-eventgroupings'>1.7 Event module definitions</a>
-<ul class='toc'>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-uievents'>1.7.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.7.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-KeyboardEvents-Interfaces'>1.7.3 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-mouseevents'>1.7.4 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-eventgroupings-mousewheelevents'>1.7.5 Mouse wheel event types</a>
-<ul>
-<li class='tocline5'><a href='#events-Events-MouseWheelEvent'>MouseWheelEvent</a></li>
-</ul>
-</li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-wheelevents'>1.7.6 Wheel event types</a>
-<ul>
-<li class='tocline5'><a href='#events-Events-WheelEvent'>WheelEvent</a></li>
-</ul>
-</li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-mutationevents'>1.7.7 Mutation event types</a>
-<ul>
-<li class='tocline5'><a href='#events-Events-MutationEvent'>MutationEvent</a></li>
-</ul>
-</li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-mutationnameevents'>1.7.8 Mutation name event types</a>
-<ul>
-<li class='tocline5'><a href='#events-Events-MutationNameEvent'>MutationNameEvent</a></li>
-</ul>
-</li>
-<li class='tocline4'><a class='tocxref' href='#events-Events-eventgroupings-basicevents'>1.7.9 Basic event types</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 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>
-<div class='div3'><a name='events-Conformance' id='events-Conformance'></a>
-<h3 id='events-Conformance-h3' class='div3'>1.1.1 Conformance</h3>
-<p>This specification is to be understood in the context of the DOM Level 3 Core specification [<cite><a class='noxref normative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>] and the general considerations for DOM implementations apply. For example, handling of <a href='#glossary-dt-namespaceURI'>namespace URIs</a> is discussed in <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/core.html#Namespaces-Considerations'><em>XML Namespaces</em></a>, and behavior in exceptional circumstances (such as when a <code>null</code> argument is passed when <code>null</code> was not expected) is discussed under <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-17189187'><em>DOMException</em></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>].</p>
-<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'>Event dispatch and DOM event flow</a> mechanism 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, the event types defined in the module, and the modules the module depends upon (if any).</p>
-<p>An implementation conforms to an event type if it conforms to its associated semantics and DOM interfaces. This includes that event objects that are generated by the implementation are generated as outlined in the tabular definition of the event type.</p>
-<p>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. Since 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>], an implementation that returns <code>true</code> for <code>"Events"</code> and <code>"3.0"</code> will also return <code>true</code> for the parameters <code>"Events"</code> and <code>"2.0"</code>. The same holds for the feature strings defined for the individual event modules as applicable. Refer to <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/core.html#DOMFeatures'><em>DOM Features</em></a> in [<cite><a class='noxref normative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>] for additional information.</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 Event dispatch and DOM event flow</h2>
-<p>This section defines the event dispatch mechanism of the event model defined in this specification. Applications may dispatch event objects using the <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent()</code></a> method, and implementations must dispatch event objects as if through this method. The behavior of this method depends on the <i>event flow</i> associated with the underlying object. An event flow describes how event objects <i>propagate</i> through a data structure. As an example, when an event object is dispatched to an element in an XML document, the object propagates through parts of the document, as determined by the DOM event flow which is defined at the end of this section.</p>
-<div class='figure' style='text-align: center'><img src='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='images/eventflow.svg'>SVG 1.0 version</a>]</p>
-</div>
-<p>Event objects are always dispatched to an event target called the <i>event's target</i>. At the beginning of the dispatch, implementations must first determine the event object's <i>propagation path</i>. This is an ordered list of event targets the object may propagate to. The last item in the list is the event's target; the preceding items in the list are referred to as the <i>target's ancestors</i> and the immediately preceding item as the <i>target's parent</i>. Once determined, the propagation path cannot be changed. As an example, in the DOM event flow event listeners might change the position of the target node in the document while the event object is being dispatched; such changes do not affect the propagation path.</p>
-<p>As the next step the event object <i>accomplishes</i> one or more <i>event phases</i>. This specification defines the following event phases. Event objects accomplish them in the specified order using the partial propagation paths as defined below. A phase is skipped if it is not supported, or if the event object's propagation has been stopped. For example, if the <a href='#events-Events-Event-canBubble'><code>Event.bubbles</code></a> attribute is set to false, the bubble phase is skipped, and if <a href='#events-Events-Event-stopPropagation'><code>Event.stopPropagation()</code></a> has been called prior to the dispatch, all phases will be skipped.</p>
-<ol>
-<li>The <i>capture phase</i>: the event object propagates through the target's ancestors to the target's parent. This phase is also known as the <i>capturing phase</i>. Event listeners registered for this phase can handle the event before it reaches its target.</li>
-<li>The <i>target phase</i>: the event object has reached the event's target. This phase is also known as the <i>at-target phase</i>. Event listeners registered for this phase can handle the event once it has reached its target.</li>
-<li>The <i>bubble phase</i>: the event object propagates through the target's ancestors in reverse order, starting with the target's parent. This phase is also known as the <i>bubbling phase</i>. Event listeners registered for this phase can handle the event after it has reached its target.</li>
-</ol>
-<p>Implementations let event objects accomplish an event phase by applying the following steps while there are pending event targets in the partial propagation path for this phase and the event object's propagation has not been stopped through <a href='#events-Events-Event-stopPropagation'><code>Event.stopPropagation()</code></a>.</p>
-<p>Firstly, the implementation must determine the <i>current target</i>. This is the next pending event target in the partial propagation path, starting with the first. From the perspective of an event listener this is the event target the listener has been registered on.</p>
-<p>Secondly, the implementation must determine the current target's <i>candidate event listeners</i>. This is the list of all event listeners that have been registered on the current target in their order of registration. Once determined, the candidate event listeners cannot be changed, adding or removing listeners does not affect the current target's candidate event listeners.</p>
-<p>Finally, the implementation must process all candidate event listeners in order and trigger each listener if all the following conditions are met. A listener is triggered by invoking the <a href='#events-Events-EventListener-handleEvent'><code>EventListener.handleEvent()</code></a> method or an equivalent binding-specific mechanism.</p>
-<ul>
-<li>The event object's immediate propagation has not been stopped.</li>
-<li>The listener has been registered for this event phase.</li>
-<li>The listener has been registered for this event type.</li>
-</ul>
-<p>As the final step of the event dispatch, for reasons of backwards compatibility, the implementation must reset the event object's internal propagation and default action prevention states. This ensures that an event object may be properly dispatched multiple times while also allowing to prevent the event objects propagation or default actions prior to the event dispatch.</p>
-<p>The model defined above applies regardless of the specific event flow associated with an event target. Each event flow defines how the propagation path is determined and which event phases are supported. The <i>DOM event flow</i> is an application of this model: the propagation path for a <code>Node</code> object is determined by its <code>Node.parentNode</code> chain, and all events accomplish the capture and target phases. Whether an event accomplishes the bubble phase is defined individually for each event type. An alternate application of this model can be found in [<cite><a class='noxref informative' href='#references-DOMLS'>DOM Level 3 Load and Save</a></cite>].</p>
-<p>The DOM event model is reentrant. Event listeners may perform actions that cause additional events to be dispatched. Such events are handled in a synchronous manner, the event propagation that causes the event listener to be triggered will resume only after the event dispatch of the new event is completed.</p>
-</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>Event objects can have default actions associated with them. These are actions the implementation will perform in combination with the dispatch of the event object, usually after the dispatch has been complated, but in exceptional cases also immediately before the event is dispatched. 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><a name='events-dt-cancelable-event' id='events-dt-cancelable-event'></a> Some event objects are <i>cancelable</i>, meaning the default action can be prevented from occuring, or, if the default action is carried out before the dispatch, its effect can be reversed. Whether an event object is cancelable is indicated by the <a href='#events-Events-Event-canCancel'><code>Event.cancelable</code></a> attribute. Event listeners can cancel default actions of cancelable event objects by invoking the <a href='#events-Events-Event-preventDefault'><code>Event.preventDefault()</code></a> method, and determine whether an event has been canceled through the <a href='#events-Events-Event-defaultPrevented'><code>Event.defaultPrevented</code></a> attribute while the object is being dispatched, or from the return value of the <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent()</code></a> method for event objects dispatched by the DOM application itself.</p>
-<p>This specification does not offer features to programatically query if an event object has any default action associated to it or associate new ones. It is expected that other specifications define what default actions, if any, are associated with certain event objects. Further, implementations may associate default actions with events as necessary and appropriate. As an example, an implementation may scroll a document view by a certain amount as default action of a mouse wheel event.</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 requests and behavior</h2>
-<p>(This section is currently being rewritten.)</p>
-<p>Event targets may have associated <i>activation behavior</i> that implementations perform in response to an <i>activation request</i>. As an example, the typical activiation behavior associated with hyperlinks is to follow the link. Activation requests are typically initiated by users through an input device.</p>
-<p>In terms of this specification, the activation behavior of the event target is the default action of the event type <a href='#events-event-DOMActivate'>DOMActivate</a>. DOM applications should use this event type whenever they wish to make or react to an activation request.</p>
-<p>Implementations dispatch the <code>DOMActivate</code> event as default action of a <a href='#events-event-click'>click</a> event. This click event is either part of the activation request (e.g., a user requests activiation using a mouse), or synthesized by the implementation to accomodate legacy applications. Context information of such a <code>click</code> event is implementation dependent.</p>
-<p>When implementations dispatch a synthesized <code>click</code> event, the expectation is that they do so as default action of another event type. For example, when a user activates a hyperlink using a keyboard, the <code>click</code> event would be dispatched as default action of the respective keyboard event.</p>
-<p>Implementations are required to dispatch the synthesized <code>click</code> event as described above even if they do not dispatch such an event (e.g., when activation is requested by a voice command, since this specification does not address event types for voice input).</p>
-<p><b>Note:</b> The activation of an event target 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>
-</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-complete' id='events-Events-EventTypes-complete'></a>
-<h3 id='events-Events-EventTypes-complete-h3' class='div3'>1.5.1 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, or 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 table provides a non-normative summary of the event types defined in this specification. All event types are in no namespace and this specification refers to them by their local name only. 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'>Event dispatch and 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 in the DOM event flow, specified using node types. Contextual information related to the event type is accessible using DOM interfaces.</p>
-<table border='1' summary='This table contains the complete 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-DOMActivate'>DOMActivate</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMFocusIn'>DOMFocusIn</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMFocusOut'>DOMFocusOut</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-focus'>focus</a></td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-blur'>blur</a></td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-textInput'>textInput</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-TextEvent'><code>TextEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-click'>click</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-click'>dblclick</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-mousedown'>mousedown</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-mouseup'>mouseup</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-mouseover'>mouseover</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-mousemove'>mousemove</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-mouseout'>mouseout</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-keydown'>keydown</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-KeyboardEvent'><code>KeyboardEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-keyup'>keyup</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-KeyboardEvent'><code>KeyboardEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-wheel'>wheel</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-WheelEvent'><code>WheelEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-mousewheel'>mousewheel</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseWheelEvent'><code>MouseWheelEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-wheel'>wheel</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-WheelEvent'><code>WheelEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMSubtreeModified'>DOMSubtreeModified</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>DocumentFragment</code>, <code>Element</code>, <code>Attr</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMNodeInserted'>DOMNodeInserted</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<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>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMNodeRemoved'>DOMNodeRemoved</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<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>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMNodeRemovedFromDocument'>DOMNodeRemovedFromDocument</a></td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<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>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMNodeInsertedIntoDocument'>DOMNodeInsertedIntoDocument</a></td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<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>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMAttrModified'>DOMAttrModified</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMCharacterDataModified'>DOMCharacterDataModified</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>ProcessingInstruction</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMElementNameChanged'>DOMElementNameChanged</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationNameEvent'><code>MutationNameEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-DOMAttributeNameChanged'>DOMAttributeNameChanged</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationNameEvent'><code>MutationNameEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-load'>load</a></td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-unload'>unload</a></td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-abort'>abort</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-error'>error</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-select'>select</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-change'>change</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-submit'>submit</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-reset'>reset</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-Event'><code>Event</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-resize'>resize</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
-</tr>
-<tr>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-event-scroll'>scroll</a></td>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
-</tr>
-</table>
-<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 will not 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>
-<!-- div2 Event-types -->
-<div class='div2'><a name='events-Events-interface' id='events-Events-interface'></a>
-<h2 id='events-Events-interface-h2' class='div2'>1.6 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. Together they define the feature Events 3.0.</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>. The object passed to the event listener may also implement derived interfaces that provide access to information directly relating to the type of event they represent.</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>
+<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
+  <head>
+    <title>Document Object Model (DOM) Level 3 Events Specification</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+    <!--
+	-->
+    <link rel="copyright" href="copyright-notice.html"/>
+    <link rel="glossary" href="glossary.html"/>
+    <link rel="Start" href="Overview.html"/>
+    <link rel="author" href="mailto:[email protected]"/>
+    <link rel="help" href="http://www.w3.org/DOM/"/>
+
+    <link rel="stylesheet" type="text/css" href="./spec.css"/>
+	<link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-MO"/>
+	
+    <style type="text/css">
+      .issue {
+          background-color: #ffffbf;
+          border: 2px dashed red;
+      }
+      .note {
+          color:green;
+      }
+      .example {
+          border:2px double gray;
+          padding-left: 2em;
+      }
+
+      .atrisk {
+          border:1px solid gray;
+          color: gray;
+      }
+
+      .typeCell {
+          bgcolor: #CFCFCF;
+      }
+
+ 	  dl#glossary-list dt a
+	  {
+          font-weight: bold;
+      }	 
+ 
+  </style>
+  </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 27 June 2008</h2>
+      <dl>
+        <dt>This version:</dt>
+        <dd>
+          <a href="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/">http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html</a>
+        </dd>
+        <dt>Latest stable 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://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html?rev=1.15">http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html?rev=1.15</a>
+        </dd>
+      </dl>
+      <dl>
+        <dt>Editors:</dt>
+        <dd>Doug Schepers, W3C</dd>
+        <dd><a href="http://andrew.emmons.com/">Andrew Emmons</a>, <i>Invited Expert</i></dd>
+        <dd><a href="http://bjoern.hoehrmann.de/">Bj&#246;rn H&#246;hrmann</a> Invited Expert (until December 2007)</dd>
+        <dd>Philippe Le H&#233;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> &#169; 2008 <a href="http://www.w3.org/">
+          <acronym title="World Wide Web Consortium">W3C</acronym>
+        </a><sup>&#174;</sup> (<a href="http://www.csail.mit.edu/">
+          <acronym title="Massachusetts Institute of Technology">MIT</acronym>
+        </a>, <a href="http://www.ercim.org/">
+          <acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym>
+        </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> and <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</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="#glossary">Glossary</a>
+      </li>
+      <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="#security-considerations">Appendix C: Security Considerations</a>
+      </li>
+      <li class="tocline2">
+        <a class="tocxref" href="#idl-definitions">Appendix D: IDL Definitions</a>
+      </li>
+      <li class="tocline2">
+        <a class="tocxref" href="#java-binding">Appendix E: Java Language Binding</a>
+      </li>
+      <li class="tocline2">
+        <a class="tocxref" href="#ecma-script-binding">Appendix F: ECMAScript Language Binding</a>
+      </li>
+      <li class="tocline2">
+        <a class="tocxref" href="#acknowledgements">Appendix G: Acknowledgements</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">January 2008</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>&#174;</sup> Document Copyright Notice and License</a>
+            </li>
+            <li class="tocline3">
+              <a class="tocxref" href="#copyright-notice-Copyright-notice-software">W3C<sup>&#174;</sup> Software Copyright Notice and License</a>
+            </li>
+            <li class="tocline3">
+              <a class="tocxref" href="#copyright-notice-Copyright-short-notice">W3C<sup>&#174;</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-Conformance">1.1.1 Conformance</a>
+                </li>
+              </ul>
+            </li>
+            <li class="tocline3">
+              <a class="tocxref" href="#events-Events-flow">1.2 Event dispatch and DOM event flow</a>
+            </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 requests and behavior</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-complete">1.5.1 Complete list of event types</a>
+                </li>
+              </ul>
+            </li>
+            <li class="tocline3">
+              <a class="tocxref" href="#events-Events-interface">1.6 Basic interfaces</a>
+              <ul class="toc">
+                <li class="tocline4">
+                  <a class="tocxref" href="#events-Events-document">1.6.1 Event creation</a>
+                </li>
+              </ul>
+            </li>
+            <li class="tocline3">
+              <a class="tocxref" href="#events-Events-eventgroupings">1.7 Event module definitions</a>
+              <ul class="toc">
+                <li class="tocline4">
+                  <a class="tocxref" href="#events-Events-eventgroupings-uievents">1.7.1 User Interface event types</a>
+                </li>
+                <li class="tocline4">
+                  <a class="tocxref" href="#events-Events-TextEvents-Interfaces">1.7.2 Text events types</a>
+                </li>
+                <li class="tocline4">
+                  <a class="tocxref" href="#events-Events-KeyboardEvents-Interfaces">1.7.3 Keyboard event types</a>
+                </li>
+                <li class="tocline4">
+                  <a class="tocxref" href="#events-Events-eventgroupings-mouseevents">1.7.4 Mouse event types</a>
+                </li>
+                <li class="tocline4">
+                  <a class="tocxref" href="#events-Events-eventgroupings-mousewheelevents">1.7.5 Mouse wheel event types</a>
+                </li>
+                <li class="tocline4">
+                  <a class="tocxref" href="#events-Events-eventgroupings-wheelevents">1.7.6 Wheel event types</a>
+                </li>
+                <li class="tocline4">
+                  <a class="tocxref" href="#events-Events-eventgroupings-mutationevents">1.7.7 Mutation event types</a>
+                </li>
+                <li class="tocline4">
+                  <a class="tocxref" href="#events-Events-eventgroupings-mutationnameevents">1.7.8 Mutation name event types</a>
+                </li>
+                <li class="tocline4">
+                  <a class="tocxref" href="#events-Events-eventgroupings-basicevents">1.7.9 Basic event types</a>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <ul class="toc">
+        <li class="tocline2">
+          <a class="tocxref" href="#glossary">Glossary</a>
+        </li>
+        <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="#security-considerations">Appendix C: Security Considerations</a>
+        </li>
+        <li class="tocline2">
+          <a class="tocxref" href="#idl-definitions">Appendix D: IDL Definitions</a>
+        </li>
+        <li class="tocline2">
+          <a class="tocxref" href="#java-binding">Appendix E: Java Language Binding</a>
+        </li>
+        <li class="tocline2">
+          <a class="tocxref" href="#ecma-script-binding">Appendix F: ECMAScript Language Binding</a>
+        </li>
+        <li class="tocline2">
+          <a class="tocxref" href="#acknowledgements">Appendix G: Acknowledgements</a>
+          <ul class="toc">
+            <li class="tocline3">
+              <a class="tocxref" href="#acknowledgements-Productions">G.1 Production Systems</a>
+            </li>
+          </ul>
+        </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">January 2008</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>
+        <strong>Copyright &#169; 2008 <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.</strong>
+      </p>
+      <p>This document is published under the <a href="#copyright-notice-Copyright-notice-document">W3C<sup>&#174;</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>&#174;</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"/>
+        <hr width="50" align="center" title="Area separator"/>
+        <h2 id="copyright-notice-Copyright-notice-document-h2" class="div2">W3C<sup>&#174;</sup> Document Copyright Notice and License</h2>
+        <p><strong>Note:</strong> This section is a copy of the W3C<sup>&#174;</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>
+          <strong>Copyright &#169; 2008 <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.</strong>
+        </p>
+        <p>
+          <strong>http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231</strong>
+        </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 &#169; [$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 <strong>NOTICE</strong> 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"/>
+        <hr width="50" align="center" title="Area separator"/>
+        <h2 id="copyright-notice-Copyright-notice-software-h2" class="div2">W3C<sup>&#174;</sup> Software Copyright Notice and License</h2>
+        <p><strong>Note:</strong> This section is a copy of the W3C<sup>&#174;</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>
+          <strong>Copyright &#169; 2008 <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.</strong>
+        </p>
+        <p>
+          <strong>http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231</strong>
+        </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>&#174;</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"/>
+        <h2 id="copyright-notice-Copyright-short-notice-h2" class="div2">W3C<sup>&#174;</sup> Short Software Notice</h2>
+        <p><strong>Note:</strong> This section is a copy of the W3C<sup>&#174;</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>
+          <strong>Copyright &#169; 2008 <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.</strong>
+        </p>
+        <p>Copyright &#169; [$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>&#174;</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">January 2008</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>Doug Schepers, W3C</dd>
+        <dd><a href="http://bjoern.hoehrmann.de/">Bj&#246;rn H&#246;hrmann</a> Invited Expert (until December 2007)</dd>
+        <dd>Philippe Le H&#233;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-Conformance">1.1.1 Conformance</a>
+              </li>
+            </ul>
+          </li>
+          <li class="tocline3">
+            <a class="tocxref" href="#events-Events-flow">1.2 Event dispatch and DOM event flow</a>
+          </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 requests and behavior</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-complete">1.5.1 Complete list of event types</a>
+              </li>
+            </ul>
+          </li>
+          <li class="tocline3">
+            <a class="tocxref" href="#events-Events-interface">1.6 Basic interfaces</a>
+            <ul class="toc">
+              <li class="tocline4"><a href="#events-Events-Event">Event</a>, <a href="#events-Events-CustomEvent">CustomEvent</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.6.1 Event creation</a>
+                <ul>
+                  <li class="tocline5">
+                    <a href="#events-Events-DocumentEvent">DocumentEvent</a>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          </li>
+          <li class="tocline3">
+            <a class="tocxref" href="#events-Events-eventgroupings">1.7 Event module definitions</a>
+            <ul class="toc">
+              <li class="tocline4">
+                <a class="tocxref" href="#events-Events-eventgroupings-uievents">1.7.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.7.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-KeyboardEvents-Interfaces">1.7.3 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-mouseevents">1.7.4 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-eventgroupings-mousewheelevents">1.7.5 Mouse wheel event types</a>
+                <ul>
+                  <li class="tocline5">
+                    <a href="#events-Events-MouseWheelEvent">MouseWheelEvent</a>
+                  </li>
+                </ul>
+              </li>
+              <li class="tocline4">
+                <a class="tocxref" href="#events-Events-eventgroupings-wheelevents">1.7.6 Wheel event types</a>
+                <ul>
+                  <li class="tocline5">
+                    <a href="#events-Events-WheelEvent">WheelEvent</a>
+                  </li>
+                </ul>
+              </li>
+              <li class="tocline4">
+                <a class="tocxref" href="#events-Events-eventgroupings-mutationevents">1.7.7 Mutation event types</a>
+                <ul>
+                  <li class="tocline5">
+                    <a href="#events-Events-MutationEvent">MutationEvent</a>
+                  </li>
+                </ul>
+              </li>
+              <li class="tocline4">
+                <a class="tocxref" href="#events-Events-eventgroupings-mutationnameevents">1.7.8 Mutation name event types</a>
+                <ul>
+                  <li class="tocline5">
+                    <a href="#events-Events-MutationNameEvent">MutationNameEvent</a>
+                  </li>
+                </ul>
+              </li>
+              <li class="tocline4">
+                <a class="tocxref" href="#events-Events-eventgroupings-basicevents">1.7.9 Basic event types</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 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>
+        <div class="div3">
+          <a name="events-Conformance" id="events-Conformance"> </a>
+          <h3 id="events-Conformance-h3" class="div3">1.1.1 Conformance</h3>
+          <p>This specification is to be understood in the context of the DOM Level 3 Core specification [<cite>
+              <a class="noxref normative" href="#references-DOMCore">DOM Level 3 Core</a>
+            </cite>] and the general considerations for DOM implementations apply. For example, handling of <a href="#glossary-dt-namespaceURI">namespace URIs</a> is discussed in <a class="normative" href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#Namespaces-Considerations">
+              <em>XML Namespaces</em>
+            </a>, and behavior in exceptional circumstances (such as when a <code>null</code> argument is passed when <code>null</code> was not expected) is discussed under <a class="normative" href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-17189187">
+              <em>DOMException</em>
+            </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>].</p>
+          <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">Event dispatch and DOM event flow</a> mechanism 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, the event types defined in the module, and the modules the module depends upon (if any).</p>
+          <p>An implementation conforms to an event type if it conforms to its associated semantics and DOM interfaces. This includes that event objects that are generated by the implementation are generated as outlined in the tabular definition of the event type.</p>
+          <p>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. Since 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>], an implementation that returns <code>true</code> for <code>"Events"</code> and <code>"3.0"</code> will also return <code>true</code> for the parameters <code>"Events"</code> and <code>"2.0"</code>. The same holds for the feature strings defined for the individual event modules as applicable. Refer to <a class="normative" href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#DOMFeatures">
+              <em>DOM Features</em>
+            </a> in [<cite>
+              <a class="noxref normative" href="#references-DOMCore">DOM Level 3 Core</a>
+            </cite>] for additional information.</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 Event dispatch and DOM event flow</h2>
+        <p>This section defines the event dispatch mechanism of the event model defined in this specification. Applications may dispatch event objects using the <a href="#events-Events-EventTarget-dispatchEvent">
+            <code>EventTarget.dispatchEvent()</code>
+          </a> method, and implementations must dispatch event objects as if through this method. The behavior of this method depends on the <i>event flow</i> associated with the underlying object. An event flow describes how event objects <i>propagate</i> through a data structure. As an example, when an event object is dispatched to an element in an XML document, the object propagates through parts of the document, as determined by the DOM event flow which is defined at the end of this section.</p>
+        <div class="figure" style="text-align: center">
+          <img src="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="images/eventflow.svg">SVG 1.0 version</a>]</p>
+        </div>
+        <p>Event objects are always dispatched to an event target called the <i>event's target</i>. At the beginning of the dispatch, implementations must first determine the event object's <i>propagation path</i>. This is an ordered list of event targets the object may propagate to. The last item in the list is the event's target; the preceding items in the list are referred to as the <i>target's ancestors</i> and the immediately preceding item as the <i>target's parent</i>. Once determined, the propagation path cannot be changed. As an example, in the DOM event flow event listeners might change the position of the target node in the document while the event object is being dispatched; such changes do not affect the propagation path.</p>
+        <p>As the next step the event object <i>accomplishes</i> one or more <i>event phases</i>. This specification defines the following event phases. Event objects accomplish them in the specified order using the partial propagation paths as defined below. A phase is skipped if it is not supported, or if the event object's propagation has been stopped. For example, if the <a href="#events-Events-Event-canBubble">
+            <code>Event.bubbles</code>
+          </a> attribute is set to false, the bubble phase is skipped, and if <a href="#events-Events-Event-stopPropagation">
+            <code>Event.stopPropagation()</code>
+          </a> has been called prior to the dispatch, all phases will be skipped.</p>
+        <ol>
+          <li>The <i>capture phase</i>: the event object propagates through the target's ancestors to the target's parent. This phase is also known as the <i>capturing phase</i>. Event listeners registered for this phase can handle the event before it reaches its target.</li>
+          <li>The <i>target phase</i>: the event object has reached the event's target. This phase is also known as the <i>at-target phase</i>. Event listeners registered for this phase can handle the event once it has reached its target.</li>
+          <li>The <i>bubble phase</i>: the event object propagates through the target's ancestors in reverse order, starting with the target's parent. This phase is also known as the <i>bubbling phase</i>. Event listeners registered for this phase can handle the event after it has reached its target.</li>
+        </ol>
+        <p>Implementations let event objects accomplish an event phase by applying the following steps while there are pending event targets in the partial propagation path for this phase and the event object's propagation has not been stopped through <a href="#events-Events-Event-stopPropagation">
+            <code>Event.stopPropagation()</code>
+          </a>.</p>
+        <p>Firstly, the implementation must determine the <i>current target</i>. This is the next pending event target in the partial propagation path, starting with the first. From the perspective of an event listener this is the event target the listener has been registered on.</p>
+        <p>Secondly, the implementation must determine the current target's <i>candidate event listeners</i>. This is the list of all event listeners that have been registered on the current target in their order of registration. Once determined, the candidate event listeners cannot be changed, adding or removing listeners does not affect the current target's candidate event listeners.</p>
+        <p>Finally, the implementation must process all candidate event listeners in order and trigger each listener if all the following conditions are met. A listener is triggered by invoking the <a href="#events-Events-EventListener-handleEvent">
+            <code>EventListener.handleEvent()</code>
+          </a> method or an equivalent binding-specific mechanism.</p>
+        <ul>
+          <li>The event object's immediate propagation has not been stopped.</li>
+          <li>The listener has been registered for this event phase.</li>
+          <li>The listener has been registered for this event type.</li>
+        </ul>
+        <p>As the final step of the event dispatch, for reasons of backwards compatibility, the implementation must reset the event object's internal propagation and default action prevention states. This ensures that an event object may be properly dispatched multiple times while also allowing to prevent the event objects propagation or default actions prior to the event dispatch.</p>
+        <p>The model defined above applies regardless of the specific event flow associated with an event target. Each event flow defines how the propagation path is determined and which event phases are supported. The <i>DOM event flow</i> is an application of this model: the propagation path for a <code>Node</code> object is determined by its <code>Node.parentNode</code> chain, and all events accomplish the capture and target phases. Whether an event accomplishes the bubble phase is defined individually for each event type. An alternate application of this model can be found in [<cite>
+            <a class="noxref informative" href="#references-DOMLS">DOM Level 3 Load and Save</a>
+          </cite>].</p>
+        <p>The DOM event model is reentrant. Event listeners may perform actions that cause additional events to be dispatched. Such events are handled in a synchronous manner, the event propagation that causes the event listener to be triggered will resume only after the event dispatch of the new event is completed.</p>
+      </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>Event objects can have default actions associated with them. These are actions the implementation will perform in combination with the dispatch of the event object, usually after the dispatch has been completed, but in exceptional cases also immediately before the event is dispatched. 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><a name="events-dt-cancelable-event" id="events-dt-cancelable-event"
+            /> Some event objects are <i>cancelable</i>, meaning the default action can be prevented from occuring, or, if the default action is carried out before the dispatch, its effect can be reversed. Whether an event object is cancelable is indicated by the <a href="#events-Events-Event-canCancel">
+            <code>Event.cancelable</code>
+          </a> attribute. Event listeners can cancel default actions of cancelable event objects by invoking the <a href="#events-Events-Event-preventDefault">
+            <code>Event.preventDefault()</code>
+          </a> method, and determine whether an event has been canceled through the <a href="#events-Events-Event-defaultPrevented">
+            <code>Event.defaultPrevented</code>
+          </a> attribute while the object is being dispatched, or from the return value of the <a href="#events-Events-EventTarget-dispatchEvent">
+            <code>EventTarget.dispatchEvent()</code>
+          </a> method for event objects dispatched by the DOM application itself.</p>
+        <p>This specification does not offer features to programatically query if an event object has any default action associated to it or associate new ones. It is expected that other specifications define what default actions, if any, are associated with certain event objects. Further, implementations may associate default actions with events as necessary and appropriate. As an example, an implementation may scroll a document view by a certain amount as default action of a mouse wheel event.</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 requests and behavior</h2>
+        <p>(This section is currently being rewritten.)</p>
+        <p>Event targets may have associated <i>activation behavior</i> that implementations perform in response to an <i>activation request</i>. As an example, the typical activiation behavior associated with hyperlinks is to follow the link. Activation requests are typically initiated by users through an input device.</p>
+        <p>In terms of this specification, the activation behavior of the event target is the default action of the event type <a href="#events-event-DOMActivate">DOMActivate</a>. DOM applications should use this event type whenever they wish to make or react to an activation request.</p>
+        <p>Implementations dispatch the <code>DOMActivate</code> event as default action of a <a href="#events-event-click">click</a> event. This click event is either part of the activation request (e.g., a user requests activiation using a mouse), or synthesized by the implementation to accomodate legacy applications. Context information of such a <code>click</code> event is implementation dependent.</p>
+        <p>When implementations dispatch a synthesized <code>click</code> event, the expectation is that they do so as default action of another event type. For example, when a user activates a hyperlink using a keyboard, the <code>click</code> event would be dispatched as default action of the respective keyboard event.</p>
+        <p>Implementations are required to dispatch the synthesized <code>click</code> event as described above even if they do not dispatch such an event (e.g., when activation is requested by a voice command, since this specification does not address event types for voice input).</p>
+        <p><strong>Note:</strong> The activation of an event target 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>
+      </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-complete" id="events-Events-EventTypes-complete"> </a>
+          <h3 id="events-Events-EventTypes-complete-h3" class="div3">1.5.1 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, or 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 table provides a non-normative summary of the event types defined in this specification. All event types are in no namespace and this specification refers to them by their local name only. 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">Event dispatch and 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 in the DOM event flow, specified using node types. Contextual information related to the event type is accessible using DOM interfaces.</p>
+          <table border="1"
+            summary="This table contains the complete 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-DOMActivate">DOMActivate</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-UIEvent">
+                  <code>UIEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMFocusIn">DOMFocusIn</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-UIEvent">
+                  <code>UIEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMFocusOut">DOMFocusOut</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-UIEvent">
+                  <code>UIEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-focus">focus</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-UIEvent">
+                  <code>UIEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-blur">blur</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-UIEvent">
+                  <code>UIEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-textInput">textInput</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-TextEvent">
+                  <code>TextEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-click">click</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MouseEvent">
+                  <code>MouseEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-click">dblclick</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MouseEvent">
+                  <code>MouseEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-mousedown">mousedown</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MouseEvent">
+                  <code>MouseEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-mouseup">mouseup</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MouseEvent">
+                  <code>MouseEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-mouseover">mouseover</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MouseEvent">
+                  <code>MouseEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-mousemove">mousemove</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MouseEvent">
+                  <code>MouseEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-mouseout">mouseout</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MouseEvent">
+                  <code>MouseEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-keydown">keydown</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-KeyboardEvent">
+                  <code>KeyboardEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-keyup">keyup</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-KeyboardEvent">
+                  <code>KeyboardEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-wheel">wheel</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>Element</code></td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-WheelEvent">
+                  <code>WheelEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-mousewheel">mousewheel</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>Element</code></td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MouseWheelEvent">
+                  <code>MouseWheelEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-wheel">wheel</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>Element</code></td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-WheelEvent">
+                  <code>WheelEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMSubtreeModified">DOMSubtreeModified</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>DocumentFragment</code>, <code>Element</code>, <code>Attr</code></td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MutationEvent">
+                  <code>MutationEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMNodeInserted">DOMNodeInserted</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <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>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MutationEvent">
+                  <code>MutationEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMNodeRemoved">DOMNodeRemoved</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <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>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MutationEvent">
+                  <code>MutationEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMNodeRemovedFromDocument">DOMNodeRemovedFromDocument</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <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>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MutationEvent">
+                  <code>MutationEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMNodeInsertedIntoDocument">DOMNodeInsertedIntoDocument</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <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>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MutationEvent">
+                  <code>MutationEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMAttrModified">DOMAttrModified</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MutationEvent">
+                  <code>MutationEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMCharacterDataModified">DOMCharacterDataModified</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1"><code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>ProcessingInstruction</code></td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MutationEvent">
+                  <code>MutationEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMElementNameChanged">DOMElementNameChanged</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MutationNameEvent">
+                  <code>MutationNameEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-DOMAttributeNameChanged">DOMAttributeNameChanged</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-MutationNameEvent">
+                  <code>MutationNameEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-load">load</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>Element</code></td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-Event">
+                  <code>Event</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-unload">unload</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>Element</code></td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-Event">
+                  <code>Event</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-abort">abort</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-Event">
+                  <code>Event</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-error">error</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-Event">
+                  <code>Event</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-select">select</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-Event">
+                  <code>Event</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-change">change</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-Event">
+                  <code>Event</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-submit">submit</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-Event">
+                  <code>Event</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-reset">reset</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">
+                <code>Element</code>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-Event">
+                  <code>Event</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-resize">resize</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>Element</code></td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-UIEvent">
+                  <code>UIEvent</code>
+                </a>
+              </td>
+            </tr>
+            <tr>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-event-scroll">scroll</a>
+              </td>
+              <td valign="top" rowspan="1" colspan="1">Yes</td>
+              <td valign="top" rowspan="1" colspan="1">No</td>
+              <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>Element</code></td>
+              <td valign="top" rowspan="1" colspan="1">
+                <a href="#events-Events-UIEvent">
+                  <code>UIEvent</code>
+                </a>
+              </td>
+            </tr>
+          </table>
+          <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 will not 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>
+      <!-- div2 Event-types -->
+      <div class="div2">
+        <a name="events-Events-interface" id="events-Events-interface"> </a>
+        <h2 id="events-Events-interface-h2" class="div2">1.6 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. Together they define the feature Events 3.0.</p>
+        <dl>
+          <dt><strong>Interface <i>
+                <a name="events-Events-Event" id="events-Events-Event">Event</a>
+              </i></strong> (introduced in <strong class="since">DOM Level 2</strong>)</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>. The object passed to the event listener may also implement derived interfaces that provide access to information directly relating to the type of event they represent.</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/>
+                <strong>IDL Definition</strong>
+              </dt>
+              <dd>
+                <div class="idl-code">
+                  <pre>
 // Introduced in DOM Level 2:
-interface <a class='noxref' href='#events-Events-Event'>Event</a> {
+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, 
+  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>;
+  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>();
+  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>;
+  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, 
+  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'>Event dispatch and 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. When used with the <a href='#events-Events-flow'>Event dispatch and DOM event flow</a>, this attribute contains the <a href='#glossary-dt-target-node'>target node</a> or a target ancestor.<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 initialization time, or <code>null</code> if it is unspecified.<br />
-DOM Level 2 Events initialization methods, such as <a href='#events-Events-Event-initEvent'><code>Event.initEvent()</code></a>, set the value to null.<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'>Event dispatch and 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 at which the event was created in milliseconds relative to 1970-01-01T00:00:00Z. 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, the value is <code>0</code>.<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'>Initializes attributes 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()</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>, 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>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'>Initializes attributes of an <code>Event</code> object. This method 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>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>
-</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'>Signifies 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>). Calling this method for a non-cancelable event has no effect.
-<p><b>Note:</b> This method does not stop the event propagation; use <a href='#events-Events-Event-stopPropagation'><code>Event.stopPropagation()</code></a> or <a href='#events-Events-Event-stopImmediatePropagation'><code>Event.stopImmediatePropagation()</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-stopImmediatePropagation' id='events-Events-Event-stopImmediatePropagation'>stopImmediatePropagation</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
-<dd>
-<div class='method'>Prevents other event listeners from being triggered and, unlike <a href='#events-Events-Event-stopPropagation'><code>Event.stopPropagation()</code></a> its effect is immediate . Once it has been called, further calls to this 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'>Prevents other event listeners from being triggered but its effect is deferred until all event listeners attached on the <a href='#events-Events-Event-currentTarget'><code>Event.currentTarget</code></a> have been triggered . Once it has been called, further calls to this 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>
-</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>The CustomEvent interface is the recommended interface for application-specific event types. Unlike the <a href='#events-Events-Event'><code>Event</code></a> interface, it allows applications to provide contextual information about the event type. Application-specific event types should have an associated namespace to avoid clashes with future general-purpose event types.</p>
-<p>To create an instance of the <code>CustomEvent</code> interface, use the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("CustomEvent")</code></a> method call.</p>
-<dl>
-<dt><br />
-<b>IDL Definition</b></dt>
-<dd>
-<div class='idl-code'>
-<pre>
+</pre>
+                </div>
+                <br/>
+              </dd>
+              <dt>
+                <strong>Definition group <i>
+                    <a name="events-Events-Event-eventPhaseType"
+                      id="events-Events-Event-eventPhaseType">PhaseType</a>
+                  </i></strong>
+              </dt>
+              <dd>
+                <p>An integer indicating which phase of the event flow is being processed as defined in <a href="#events-Events-flow">Event dispatch and DOM event flow</a>.</p>
+                <dl>
+                  <dt>
+                    <strong>Defined Constants</strong>
+                  </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>
+                <strong>Attributes</strong>
+              </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. When used with the <a href="#events-Events-flow">Event dispatch and DOM event flow</a>, this attribute contains the <a href="#glossary-dt-target-node">target node</a> or a target ancestor.<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 <strong class="version">DOM Level 3</strong></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 <strong class="version">DOM Level 3</strong></dt>
+                  <dd>The <a href="#glossary-dt-namespaceURI">namespace URI</a> associated with this event at initialization time, or <code>null</code> if it is unspecified.<br> </a>
+DOM Level 2 Events initialization methods, such as <a href="#events-Events-Event-initEvent">
+                      <code>Event.initEvent()</code>
+                    </a>, set the value to null.<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">Event dispatch and 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 at which the event was created in milliseconds relative to 1970-01-01T00:00:00Z. 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, the value is <code>0</code>.<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>
+                <strong>Methods</strong>
+              </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">Initializes attributes 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()</code>
+                      </a> method.
+<div class="parameters">
+                        <strong>Parameters</strong>
+                        <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>, the <a href="#glossary-dt-localname">local name</a> of the event type.<br> </a></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>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </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 <strong class="since">DOM Level 3</strong></dt>
+                  <dd>
+                    <div class="method">Initializes attributes of an <code>Event</code> object. This method has the same behavior as <a href="#events-Events-Event-initEvent">
+                        <code>Event.initEvent()</code>
+                      </a>.
+<div class="parameters">
+                        <strong>Parameters</strong>
+                        <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> </a></dd>
+                            <dt><code class="parameter-name">eventTypeArg</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>
+                          </dl>
+                        </div>
+                      </div>
+                      <!-- parameters -->
+                      <div>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </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">Signifies 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>). Calling this method for a non-cancelable event has no effect.
+<p><strong>Note:</strong> This method does not stop the event propagation; use <a href="#events-Events-Event-stopPropagation">
+                          <code>Event.stopPropagation()</code>
+                        </a> or <a href="#events-Events-Event-stopImmediatePropagation">
+                          <code>Event.stopImmediatePropagation()</code>
+                        </a> for that effect.</p>
+                      <div>
+                        <strong>No Parameters</strong>
+                      </div>
+                      <div>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </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 <strong class="since">DOM Level 3</strong></dt>
+                  <dd>
+                    <div class="method">Prevents other event listeners from being triggered and, unlike <a href="#events-Events-Event-stopPropagation">
+                        <code>Event.stopPropagation()</code>
+                      </a> its effect is immediate . Once it has been called, further calls to this method have no additional effect.
+<p><strong>Note:</strong> 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>
+                        <strong>No Parameters</strong>
+                      </div>
+                      <div>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </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">Prevents other event listeners from being triggered but its effect is deferred until all event listeners attached on the <a href="#events-Events-Event-currentTarget">
+                        <code>Event.currentTarget</code>
+                      </a> have been triggered . Once it has been called, further calls to this method have no additional effect.
+<p><strong>Note:</strong> 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>
+                        <strong>No Parameters</strong>
+                      </div>
+                      <div>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </div>
+                    </div>
+                    <!-- method -->
+                  </dd>
+                </dl>
+              </dd>
+            </dl>
+          </dd>
+          <dt><strong>Interface <i>
+                <a name="events-Events-CustomEvent" id="events-Events-CustomEvent">CustomEvent</a>
+              </i></strong> (introduced in <strong class="since">DOM Level 3</strong>)</dt>
+          <dd>
+            <p>The CustomEvent interface is the recommended interface for application-specific event types. Unlike the <a href="#events-Events-Event">
+                <code>Event</code>
+              </a> interface, it allows applications to provide contextual information about the event type. Application-specific event types should have an associated namespace to avoid clashes with future general-purpose event types.</p>
+            <p>To create an instance of the <code>CustomEvent</code> interface, use the <a href="#events-Events-DocumentEvent-createEvent">
+                <code>DocumentEvent.createEvent("CustomEvent")</code>
+              </a> method call.</p>
+            <dl>
+              <dt>
+                <br/>
+                <strong>IDL Definition</strong>
+              </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 namespaceURIArg, 
+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 namespaceURIArg, 
                                        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'>Initializes attributes of a <code>CustomEvent</code> object. This method 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'>namespaceURIArg</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>. This value may be <code>null</code>.<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-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 an event flow. The interface allows registration and removal of event listeners, and dispatch of events to an event target.</p>
-<p>When used with the DOM event flow, 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> repeatedly on the same <code>EventTarget</code> with the same values for the parameters <code>namespaceURI</code>, <code>type</code>, <code>listener</code>, and <code>useCapture</code> has no effect. Doing so does not cause the <a href='#events-Events-EventListener'><code>EventListener</code></a> to be called more than once and does not cause a change in the triggering order.</p>
-<dl>
-<dt><br />
-<b>IDL Definition</b></dt>
-<dd>
-<div class='idl-code'>
-<pre>
+</pre>
+                </div>
+                <br/>
+              </dd>
+              <dt>
+                <strong>Attributes</strong>
+              </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>
+                <strong>Methods</strong>
+              </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">Initializes attributes of a <code>CustomEvent</code> object. This method has the same behavior as <a href="#events-Events-Event-initEventNS">
+                        <code>Event.initEventNS()</code>
+                      </a>.
+<div class="parameters">
+                        <strong>Parameters</strong>
+                        <div class="paramtable">
+                          <dl>
+                            <dt><code class="parameter-name">namespaceURIArg</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>. This value may be <code>null</code>.<br/></dd>
+                          </dl>
+                        </div>
+                      </div>
+                      <!-- parameters -->
+                      <div>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </div>
+                    </div>
+                    <!-- method -->
+                  </dd>
+                </dl>
+              </dd>
+            </dl>
+          </dd>
+          <dt><strong>Interface <i>
+                <a name="events-Events-EventTarget" id="events-Events-EventTarget">EventTarget</a>
+              </i></strong> (introduced in <strong class="since">DOM Level 2</strong>)</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 an event flow. The interface allows registration and removal of event listeners, and dispatch of events to an event target.</p>
+            <p>When used with the DOM event flow, 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> repeatedly on the same <code>EventTarget</code> with the same values for the parameters <code>namespaceURI</code>, <code>type</code>, <code>listener</code>, and <code>useCapture</code> has no effect. Doing so does not cause the <a href="#events-Events-EventListener">
+                <code>EventListener</code>
+              </a> to be called more than once and does not cause a change in the triggering order.</p>
+            <dl>
+              <dt>
+                <br/>
+                <strong>IDL Definition</strong>
+              </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, 
+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, 
+  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>, 
+  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, 
+  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 <a class="noxref" href="#events-Events-EventListener">EventListener</a> listener, 
                                         in boolean useCapture);
   // Introduced in DOM Level 3:
-  void               <a class='noxref' href='#events-Events-EventTargetGroup-removeEventListenerNS'>removeEventListenerNS</a>(in DOMString namespaceURI, 
+  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 <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'>Registers an event listener, depending on the <code>useCapture</code> parameter, on the capture phase of the DOM event flow or its target and bubbling phases. Invoking this method is equivalent to invoking <code>addEventListenerNS</code> with the same values for the parameters <code>type</code>, <code>listener</code>, and <code>useCapture</code>, and the value <code>null</code> for the parameter <code>namespaceURI</code>.
-<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'>Registers an event listener, 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>Refer to the <a href='#events-Events-EventTarget-addEventListener'><code>EventTarget.addEventListener()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>listener</code> of type <a href='#events-Events-EventListener'><code>EventListener</code></a></dt>
-<dd>Refer to the <a href='#events-Events-EventTarget-addEventListener'><code>EventTarget.addEventListener()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>useCapture</code> of type <code>boolean</code></dt>
-<dd>Refer to the <a href='#events-Events-EventTarget-addEventListener'><code>EventTarget.addEventListener()</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-EventTarget-dispatchEvent' id='events-Events-EventTarget-dispatchEvent'>dispatchEvent</a></code> modified in <b class='version'>DOM Level 3</b></dt>
-<dd>
-<div class='method'>Dispatches an event 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 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.</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'>Removes an event listener. 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. The <a href='#events-Events-Event-namespaceURI'><code>Event.namespaceURI</code></a> for which the user registered the event listener is implied and is <code>null</code>.
-<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'>Removes an event listener. 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>Refer to the <a href='#events-Events-EventTarget-removeEventListener'><code>EventTarget.removeEventListener()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>listener</code> of type <a href='#events-Events-EventListener'><code>EventListener</code></a></dt>
-<dd>Refer to the <a href='#events-Events-EventTarget-removeEventListener'><code>EventTarget.removeEventListener()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>useCapture</code> of type <code>boolean</code></dt>
-<dd>Refer to the <a href='#events-Events-EventTarget-removeEventListener'><code>EventTarget.removeEventListener()</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>
-<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>
+</pre>
+                </div>
+                <br/>
+              </dd>
+              <dt>
+                <strong>Methods</strong>
+              </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">Registers an event listener, depending on the <code>useCapture</code> parameter, on the capture phase of the DOM event flow or its target and bubbling phases. Invoking this method is equivalent to invoking <code>addEventListenerNS</code> with the same values for the parameters <code>type</code>, <code>listener</code>, and <code>useCapture</code>, and the value <code>null</code> for the parameter <code>namespaceURI</code>.
+<div class="parameters">
+                        <strong>Parameters</strong>
+                        <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>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </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 <strong class="since">DOM Level 3</strong></dt>
+                  <dd>
+                    <div class="method">Registers an event listener, 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">
+                        <strong>Parameters</strong>
+                        <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>Refer to the <a href="#events-Events-EventTarget-addEventListener">
+                                <code>EventTarget.addEventListener()</code>
+                              </a> method for a description of this parameter.<br/></dd>
+                            <dt><code class="parameter-name">listener</code> of type <a href="#events-Events-EventListener">
+                                <code>EventListener</code>
+                              </a></dt>
+                            <dd>Refer to the <a href="#events-Events-EventTarget-addEventListener">
+                                <code>EventTarget.addEventListener()</code>
+                              </a> method for a description of this parameter.<br/></dd>
+                            <dt><code class="parameter-name">useCapture</code> of type <code>boolean</code></dt>
+                            <dd>Refer to the <a href="#events-Events-EventTarget-addEventListener">
+                                <code>EventTarget.addEventListener()</code>
+                              </a> method for a description of this parameter.<br/></dd>
+                          </dl>
+                        </div>
+                      </div>
+                      <!-- parameters -->
+                      <div>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </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 <strong class="version">DOM Level 3</strong></dt>
+                  <dd>
+                    <div class="method">Dispatches an event 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 class="parameters">
+                        <strong>Parameters</strong>
+                        <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">
+                        <strong>Return Value</strong>
+                        <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">
+                        <strong>Exceptions</strong>
+                        <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.</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">Removes an event listener. 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. The <a href="#events-Events-Event-namespaceURI">
+                        <code>Event.namespaceURI</code>
+                      </a> for which the user registered the event listener is implied and is <code>null</code>.
+<div class="parameters">
+                        <strong>Parameters</strong>
+                        <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>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </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 <strong class="since">DOM Level 3</strong></dt>
+                  <dd>
+                    <div class="method">Removes an event listener. 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">
+                        <strong>Parameters</strong>
+                        <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>Refer to the <a href="#events-Events-EventTarget-removeEventListener">
+                                <code>EventTarget.removeEventListener()</code>
+                              </a> method for a description of this parameter.<br/></dd>
+                            <dt><code class="parameter-name">listener</code> of type <a href="#events-Events-EventListener">
+                                <code>EventListener</code>
+                              </a></dt>
+                            <dd>Refer to the <a href="#events-Events-EventTarget-removeEventListener">
+                                <code>EventTarget.removeEventListener()</code>
+                              </a> method for a description of this parameter.<br/></dd>
+                            <dt><code class="parameter-name">useCapture</code> of type <code>boolean</code></dt>
+                            <dd>Refer to the <a href="#events-Events-EventTarget-removeEventListener">
+                                <code>EventTarget.removeEventListener()</code>
+                              </a> method for a description of this parameter.<br/></dd>
+                          </dl>
+                        </div>
+                      </div>
+                      <!-- parameters -->
+                      <div>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </div>
+                    </div>
+                    <!-- method -->
+                  </dd>
+                </dl>
+              </dd>
+            </dl>
+          </dd>
+          <dt><strong>Interface <i>
+                <a name="events-Events-EventListener" id="events-Events-EventListener">EventListener</a>
+              </i></strong> (introduced in <strong class="since">DOM Level 2</strong>)</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/>
+                <strong>IDL Definition</strong>
+              </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);
+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>
+</pre>
+                </div>
+                <br/>
+              </dd>
+              <dt>
+                <strong>Methods</strong>
+              </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">
+                        <strong>Parameters</strong>
+                        <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>
+                        <strong>No Return Value</strong>
+                      </div>
+                      <div>
+                        <strong>No Exceptions</strong>
+                      </div>
+                    </div>
+                    <!-- method -->
+                  </dd>
+                </dl>
+              </dd>
+            </dl>
+          </dd>
+          <dt><strong>Exception <i>
+                <a name="events-Events-EventException" id="events-Events-EventException">EventException</a>
+              </i></strong> introduced in <strong class="version">DOM Level 2</strong></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/>
+                <strong>IDL Definition</strong>
+              </dt>
+              <dd>
+                <div class="idl-code">
+                  <pre>
 // Introduced in DOM Level 2:
-exception <a class='noxref' href='#events-Events-EventException'>EventException</a> {
+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;
+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.6.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>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>
-<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>
+const unsigned short      <a class="noxref" href="#events-DISPATCH_REQUEST_ERR">DISPATCH_REQUEST_ERR</a>           = 1;
+</pre>
+                </div>
+                <br/>
+              </dd>
+              <dt>
+                <strong>Definition group <i>
+                    <a name="events-Events-EventException-EventExceptionCode"
+                      id="events-Events-EventException-EventExceptionCode">EventExceptionCode</a>
+                  </i></strong>
+              </dt>
+              <dd>
+                <p>An integer indicating the type of error generated.</p>
+                <dl>
+                  <dt>
+                    <strong>Defined Constants</strong>
+                  </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 <strong class="version">DOM Level 3</strong>.</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.6.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>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>
+          <dl>
+            <dt><strong>Interface <i>
+                  <a name="events-Events-DocumentEvent" id="events-Events-DocumentEvent">DocumentEvent</a>
+                </i></strong> (introduced in <strong class="since">DOM Level 2</strong>)</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/>
+                  <strong>IDL Definition</strong>
+                </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)
+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, 
+  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'>Tests 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'>Creates an event object of the type specified.
-<div class='parameters'><b>Parameters</b>
-<div class='paramtable'>
-<dl>
-<dt><code class='parameter-name'>eventType</code> of type <code>DOMString</code></dt>
-<dd>
-<p>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 initialization method must be called after creation in order to initialize the <a class='noxref' href='#events-Events-Event'><code>Event</code></a>'s values.</p>
-<p>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.</p>
-<p>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", and the characters 'a'..'z' are considered equivalent to the characters 'A'..'Z'.<br /></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><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>
-</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.7 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.7.1 User Interface event types</h3>
-<p>This module defines the feature UIEvents 3.0 and depends on the features Events 3.0 and Views 2.0.</p>
-<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>
+</pre>
+                  </div>
+                  <br/>
+                </dd>
+                <dt>
+                  <strong>Methods</strong>
+                </dt>
+                <dd>
+                  <dl>
+                    <dt><code class="method-name">
+                        <a name="events-Events-DocumentEvent-canDispatch"
+                          id="events-Events-DocumentEvent-canDispatch">canDispatch</a>
+                      </code> introduced in <strong class="since">DOM Level 3</strong></dt>
+                    <dd>
+                      <div class="method">Tests if the implementation can generate events of a specified type.
+<div class="parameters">
+                          <strong>Parameters</strong>
+                          <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">
+                          <strong>Return Value</strong>
+                          <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>
+                          <strong>No Exceptions</strong>
+                        </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">Creates an event object of the type specified.
+<div class="parameters">
+                          <strong>Parameters</strong>
+                          <div class="paramtable">
+                            <dl>
+                              <dt><code class="parameter-name">eventType</code> of type <code>DOMString</code></dt>
+                              <dd>
+                                <p>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 initialization method must be called after creation in order to initialize the <a class="noxref" href="#events-Events-Event">
+                                    <code>Event</code>
+                                  </a>'s values.</p>
+                                <p>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.</p>
+                                <p>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", and the characters 'a'..'z' are considered equivalent to the characters 'A'..'Z'.<br/></p>
+                              </dd>
+                            </dl>
+                          </div>
+                        </div>
+                        <!-- parameters -->
+                        <div class="return">
+                          <strong>Return Value</strong>
+                          <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">
+                          <strong>Exceptions</strong>
+                          <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>
+          </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.7 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.7.1 User Interface event types</h3>
+          <p>This module defines the feature UIEvents 3.0 and depends on the features Events 3.0 and Views 2.0.</p>
+          <p>The User Interface event module contains basic event types associated with user interfaces.</p>
+          <dl>
+            <dt><strong>Interface <i>
+                  <a name="events-Events-UIEvent" id="events-Events-UIEvent">UIEvent</a>
+                </i></strong> (introduced in <strong class="since">DOM Level 2</strong>)</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/>
+                  <strong>IDL Definition</strong>
+                </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, 
+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 namespaceURIArg, 
+  void               <a class="noxref" href="#events-Events-Event-initUIEventNS">initUIEventNS</a>(in DOMString namespaceURIArg, 
                                    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'>Initializes attributes of an <code>UIEvent</code> object. This method 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>. This value may be <code>null</code>.<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'>Initializes attributes of an <code>UIEvent</code> object. This method 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'>namespaceURIArg</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.</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>
-Refer to <a href='#events-Events-flow-activation'>Activation requests and behavior</a>.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMFocusIn' id='events-event-DOMFocusIn'></a><a class='noxref' href='#events-event-DOMFocusIn'>DOMFocusIn</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>DOMFocusIn</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>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 <a href='#glossary-dt-event-target'>event target</a> receives focus. The focus is given to the element before the dispatch of this event type. This event type is dispatched after the event type <a href='#events-event-focus'>focus</a>.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMFocusOut' id='events-event-DOMFocusOut'></a><a class='noxref' href='#events-event-DOMFocusOut'>DOMFocusOut</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>DOMFocusOut</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>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 <a href='#glossary-dt-event-target'>event target</a> loses focus. The focus is taken from the element before the dispatch of this event type. This event type is dispatched after the event type <a href='#events-event-blur'>blur</a>.</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 <a href='#glossary-dt-event-target'>event target</a> 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>
-An <a href='#glossary-dt-event-target'>event target</a> 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.7.2 Text events types</h3>
-<p>This module defines the feature TextEvents 3.0 and depends on the feature UIEvents 3.0.</p>
-<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>
+</pre>
+                  </div>
+                  <br/>
+                </dd>
+                <dt>
+                  <strong>Attributes</strong>
+                </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>
+                  <strong>Methods</strong>
+                </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">Initializes attributes of an <code>UIEvent</code> object. This method has the same behavior as <a href="#events-Events-Event-initEvent">
+                          <code>Event.initEvent()</code>
+                        </a>.
+<div class="parameters">
+                          <strong>Parameters</strong>
+                          <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>. This value may be <code>null</code>.<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>
+                          <strong>No Return Value</strong>
+                        </div>
+                        <div>
+                          <strong>No Exceptions</strong>
+                        </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 <strong class="since">DOM Level 3</strong></dt>
+                    <dd>
+                      <div class="method">Initializes attributes of an <code>UIEvent</code> object. This method has the same behavior as <a href="#events-Events-Event-initEventNS">
+                          <code>Event.initEventNS()</code>
+                        </a>.
+<div class="parameters">
+                          <strong>Parameters</strong>
+                          <div class="paramtable">
+                            <dl>
+                              <dt><code class="parameter-name">namespaceURIArg</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>
+                          <strong>No Return Value</strong>
+                        </div>
+                        <div>
+                          <strong>No Exceptions</strong>
+                        </div>
+                      </div>
+                      <!-- method -->
+                    </dd>
+                  </dl>
+                </dd>
+              </dl>
+            </dd>
+          </dl>
+          <p>The User Interface event types are listed below.</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">
+                      <strong>
+                        <code>DOMActivate</code>
+                      </strong>
+                    </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>
+Refer to <a href="#events-Events-flow-activation">Activation requests and behavior</a>.</dd>
+            </dl>
+          </div>
+          <div class="event-definition">
+            <dl>
+              <dt>
+                <a name="events-event-DOMFocusIn" id="events-event-DOMFocusIn"> </a>
+                <a class="noxref" href="#events-event-DOMFocusIn">DOMFocusIn</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">
+                      <strong>
+                        <code>DOMFocusIn</code>
+                      </strong>
+                    </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>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 <a href="#glossary-dt-event-target">event target</a> receives focus. The focus is given to the element before the dispatch of this event type. This event type is dispatched after the event type <a href="#events-event-focus">focus</a>.</dd>
+            </dl>
+          </div>
+          <div class="event-definition">
+            <dl>
+              <dt>
+                <a name="events-event-DOMFocusOut" id="events-event-DOMFocusOut"> </a>
+                <a class="noxref" href="#events-event-DOMFocusOut">DOMFocusOut</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">
+                      <strong>
+                        <code>DOMFocusOut</code>
+                      </strong>
+                    </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>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 <a href="#glossary-dt-event-target">event target</a> loses focus. The focus is taken from the element before the dispatch of this event type. This event type is dispatched after the event type <a href="#events-event-blur">blur</a>.</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">
+                      <strong>
+                        <code>focus</code>
+                      </strong>
+                    </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 <a href="#glossary-dt-event-target">event target</a> 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">
+                      <strong>
+                        <code>blur</code>
+                      </strong>
+                    </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 <a href="#glossary-dt-event-target">event target</a> 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.7.2 Text events types</h3>
+          <p>This module defines the feature TextEvents 3.0 and depends on the feature UIEvents 3.0.</p>
+          <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><strong>Interface <i>
+                  <a name="events-Events-TextEvent" id="events-Events-TextEvent">TextEvent</a>
+                </i></strong> (introduced in <strong class="since">DOM Level 3</strong>)</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/>
+                  <strong>IDL Definition</strong>
+                </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, 
+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 namespaceURIArg, 
+  void               <a class="noxref" href="#events-Events-Event-initTextEventNS">initTextEventNS</a>(in DOMString namespaceURIArg, 
                                      in DOMString typeArg, 
                                      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'>UAX #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'>Initializes attributes of a <code>TextEvent</code> object. This method 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'>Initializes attributes of a <code>TextEvent</code> object. This method 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'>namespaceURIArg</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'>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.</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-KeyboardEvents-Interfaces' id='events-Events-KeyboardEvents-Interfaces'></a>
-<h3 id='events-Events-KeyboardEvents-Interfaces-h3' class='div3'>1.7.3 Keyboard event types</h3>
-<p>(This part of the specification is likely to be moved to a separate specification on keyboard events.)</p>
-<p>This module defines the feature KeyboardEvents 3.0 and depends on the feature UIEvents 3.0.</p>
-<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 using 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>
+</pre>
+                  </div>
+                  <br/>
+                </dd>
+                <dt>
+                  <strong>Attributes</strong>
+                </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">UAX #15</a>
+                      </cite>]. This attribute cannot be null or contain the empty string.<br/></dd>
+                  </dl>
+                </dd>
+                <dt>
+                  <strong>Methods</strong>
+                </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">Initializes attributes of a <code>TextEvent</code> object. This method 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">
+                          <strong>Parameters</strong>
+                          <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>
+                          <strong>No Return Value</strong>
+                        </div>
+                        <div>
+                          <strong>No Exceptions</strong>
+                        </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">Initializes attributes of a <code>TextEvent</code> object. This method 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">
+                          <strong>Parameters</strong>
+                          <div class="paramtable">
+                            <dl>
+                              <dt><code class="parameter-name">namespaceURIArg</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">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>
+                          <strong>No Return Value</strong>
+                        </div>
+                        <div>
+                          <strong>No Exceptions</strong>
+                        </div>
+                      </div>
+                      <!-- method -->
+                    </dd>
+                  </dl>
+                </dd>
+              </dl>
+            </dd>
+          </dl>
+          <p>The text event type is listed below.</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">
+                      <strong>
+                        <code>textInput</code>
+                      </strong>
+                    </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-KeyboardEvents-Interfaces"
+            id="events-Events-KeyboardEvents-Interfaces"/>
+          <h3 id="events-Events-KeyboardEvents-Interfaces-h3" class="div3">1.7.3 Keyboard event types</h3>
+          <p>(This part of the specification is likely to be moved to a separate specification on keyboard events.)</p>
+          <p>This module defines the feature KeyboardEvents 3.0 and depends on the feature UIEvents 3.0.</p>
+          <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><strong>Interface <i>
+                  <a name="events-Events-KeyboardEvent" id="events-Events-KeyboardEvent">KeyboardEvent</a>
+                </i></strong> (introduced in <strong class="since">DOM Level 3</strong>)</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 using 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/>
+                  <strong>IDL Definition</strong>
+                </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> {
+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, 
+  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 modifiersListArg);
-  void               <a class='noxref' href='#events-Events-KeyboardEvent-initKeyboardEventNS'>initKeyboardEventNS</a>(in DOMString namespaceURIArg, 
+  void               <a class="noxref" href="#events-Events-KeyboardEvent-initKeyboardEventNS">initKeyboardEventNS</a>(in DOMString namespaceURIArg, 
                                          in DOMString typeArg, 
                                          in boolean canBubbleArg, 
                                          in boolean cancelableArg, 
@@ -1722,254 +3025,453 @@
                                          in unsigned long keyLocationArg, 
                                          in DOMString modifiersListArg);
 };
-</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'>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 a 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'>Initializes attributes of a <code>KeyboardEvent</code> object. This method 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'>modifiersListArg</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 mark the control and alt modifiers as activated.<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'>Initializes attributes of a <code>KeyboardEvent</code> object. This method 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'>namespaceURIArg</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'>modifiersListArg</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>
-</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.</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-mouseevents' id='events-Events-eventgroupings-mouseevents'></a>
-<h3 id='events-Events-eventgroupings-mouseevents-h3' class='div3'>1.7.4 Mouse event types</h3>
-<p>This module defines the feature MouseEvents 3.0 and depends on the feature UIEvents 3.0.</p>
-<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 their 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>
+</pre>
+                  </div>
+                  <br/>
+                </dd>
+                <dt>
+                  <strong>Definition group <i>
+                      <a name="events-ID-KeyboardEvent-KeyLocationCode"
+                        id="events-ID-KeyboardEvent-KeyLocationCode">KeyLocationCode</a>
+                    </i></strong>
+                </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>
+                      <strong>Defined Constants</strong>
+                    </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>
+                  <strong>Attributes</strong>
+                </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><strong>Note:</strong> 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><strong>Note:</strong> 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>
+                  <strong>Methods</strong>
+                </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">Queries the state of a modifier using a key identifier. See also <a href="#keyset-Modifiers">Modifier keys</a>.
+<div class="parameters">
+                          <strong>Parameters</strong>
+                          <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><strong>Note:</strong> 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">
+                          <strong>Return Value</strong>
+                          <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 a modifier key and the modifier is activated, <code>false</code> otherwise.</p>
+                                </td>
+                              </tr>
+                            </table>
+                          </div>
+                        </div>
+                        <!-- return -->
+                        <div>
+                          <strong>No Exceptions</strong>
+                        </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">Initializes attributes of a <code>KeyboardEvent</code> object. This method 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">
+                          <strong>Parameters</strong>
+                          <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">modifiersListArg</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 mark the control and alt modifiers as activated.<br/></dd>
+                            </dl>
+                          </div>
+                        </div>
+                        <!-- parameters -->
+                        <div>
+                          <strong>No Return Value</strong>
+                        </div>
+                        <div>
+                          <strong>No Exceptions</strong>
+                        </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">Initializes attributes of a <code>KeyboardEvent</code> object. This method 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">
+                          <strong>Parameters</strong>
+                          <div class="paramtable">
+                            <dl>
+                              <dt><code class="parameter-name">namespaceURIArg</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">modifiersListArg</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>
+                            </dl>
+                          </div>
+                        </div>
+                        <!-- parameters -->
+                        <div>
+                          <strong>No Return Value</strong>
+                        </div>
+                        <div>
+                          <strong>No Exceptions</strong>
+                        </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.</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">
+                      <strong>
+                        <code>keydown</code>
+                      </strong>
+                    </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">
+                      <strong>
+                        <code>keyup</code>
+                      </strong>
+                    </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-mouseevents"
+            id="events-Events-eventgroupings-mouseevents"/>
+          <h3 id="events-Events-eventgroupings-mouseevents-h3" class="div3">1.7.4 Mouse event types</h3>
+          <p>This module defines the feature MouseEvents 3.0 and depends on the feature UIEvents 3.0.</p>
+          <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><strong>Interface <i>
+                  <a name="events-Events-MouseEvent" id="events-Events-MouseEvent">MouseEvent</a>
+                </i></strong> (introduced in <strong class="since">DOM Level 2</strong>)</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 their 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><strong>Note:</strong> 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/>
+                  <strong>IDL Definition</strong>
+                </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, 
+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, 
@@ -1983,11 +3485,11 @@
                                     in boolean shiftKeyArg, 
                                     in boolean metaKeyArg, 
                                     in unsigned short buttonArg, 
-                                    in <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> relatedTargetArg);
+                                    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);
+  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 namespaceURIArg, 
+  void               <a class="noxref" href="#events-Events-Event-initMouseEventNS">initMouseEventNS</a>(in DOMString namespaceURIArg, 
                                       in DOMString typeArg, 
                                       in boolean canBubbleArg, 
                                       in boolean cancelableArg, 
@@ -1998,444 +3500,866 @@
                                       in long clientXArg, 
                                       in long clientYArg, 
                                       in unsigned short buttonArg, 
-                                      in <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> relatedTargetArg, 
+                                      in <a class="noxref" href="#events-Events-EventTarget">EventTarget</a> relatedTargetArg, 
                                       in DOMString modifiersListArg);
 };
-</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>Refer to the <a href='#events-Events-KeyboardEvent-altKey'><code>KeyboardEvent.altKey</code></a> attribute.<br /></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 viewport associated with the event.<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 viewport associated with the event.<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>Refer to the <a href='#events-Events-KeyboardEvent-ctrlKey'><code>KeyboardEvent.ctrlKey</code></a> attribute.<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>Refer to the <a href='#events-Events-KeyboardEvent-metaKey'><code>KeyboardEvent.metaKey</code></a> attribute.<br /></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>Refer to the <a href='#events-Events-KeyboardEvent-shiftKey'><code>KeyboardEvent.shiftKey</code></a> attribute.<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'>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>Refer to the <a href='#events-Events-KeyboardEvent-getModifierState'><code>KeyboardEvent.getModifierState()</code></a> method for a description of this parameter.<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 it is a 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'>Initializes attributes of a <code>MouseEvent</code> object. This method 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>. This value may be <code>null</code>.<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'>Initializes attributes of a <code>MouseEvent</code> object. This method 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'>namespaceURIArg</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'>modifiersListArg</code> of type <code>DOMString</code></dt>
-<dd>Refer to the <a href='#events-Events-KeyboardEvent-initKeyboardEventNS'><code>KeyboardEvent.initKeyboardEventNS()</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 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 name='events-dt-current-click-count' id='events-dt-current-click-count'></a> Implementations must maintain the <i>current click count</i> when generating mouse events. This is a non-negative integer indicating the number of consecutive clicks of a pointing device button during a user action. The notion of consecutive clicks depends on the environment configuration. For example, a "double click" might not happen if there is a long delay between the two clicks.</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 <a href='#events-dt-current-click-count'>current click count</a>. The attribute value is <code>1</code> when the user begins this action and increments by <code>1</code> for each click.</td>
-</tr>
-</table>
-A pointing device button is clicked over an element. The definition of a click depends on the environment configuration; i.e. it may depend on the screen location or the delay between the press and release of the pointing device button. In any case, the event target 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 addition, the event type is dispatched as described in <a href='#events-Events-flow-activation'>Activation requests and behavior</a>.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-dblclick' id='events-event-dblclick'></a><a class='noxref' href='#events-event-dblclick'>dblclick</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>dblclick</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 <a href='#events-dt-current-click-count'>current click count</a>.</td>
-</tr>
-</table>
-A pointing device button is clicked twice over an element. The definition of a double click depends on the environment configuration, except that the event target must be the same between <a href='#events-event-mousedown'>mousedown</a>, <a href='#events-event-mouseup'>mouseup</a>, and <a href='#events-event-dblclick'>dblclick</a>. This event type is dispatched after the event type <a href='#events-event-click'>click</a> if a click and double click occur simultaneously, and after the event type <a href='#events-event-mouseup'>mouseup</a> otherwise.</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 <a href='#events-dt-current-click-count'>current click count</a> incremented by one. 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>
+</pre>
+                  </div>
+                  <br/>
+                </dd>
+                <dt>
+                  <strong>Attributes</strong>
+                </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>Refer to the <a href="#events-Events-KeyboardEvent-altKey">
+                        <code>KeyboardEvent.altKey</code>
+                      </a> attribute.<br/></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 viewport associated with the event.<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 viewport associated with the event.<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>Refer to the <a href="#events-Events-KeyboardEvent-ctrlKey">
+                        <code>KeyboardEvent.ctrlKey</code>
+                      </a> attribute.<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>Refer to the <a href="#events-Events-KeyboardEvent-metaKey">
+                        <code>KeyboardEvent.metaKey</code>
+                      </a> attribute.<br/></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>Refer to the <a href="#events-Events-KeyboardEvent-shiftKey">
+                        <code>KeyboardEvent.shiftKey</code>
+                      </a> attribute.<br/></dd>
+                  </dl>
+                </dd>
+                <dt>
+                  <strong>Methods</strong>
+                </dt>
+                <dd>
+                  <dl>
+                    <dt><code class="method-name">
+                        <a name="events-Events-MouseEvent-getModifierState"
+                          id="events-Events-MouseEvent-getModifierState">getModifierState</a>
+                      </code> introduced in <strong class="since">DOM Level 3</strong></dt>
+                    <dd>
+                      <div class="method">Queries the state of a modifier using a key identifier. See also <a href="#keyset-Modifiers">Modifier keys</a>.
+<div class="parameters">
+                          <strong>Parameters</strong>
+                          <div class="paramtable">
+                            <dl>
+                              <dt><code class="parameter-name">keyIdentifierArg</code> of type <code>DOMString</code></dt>
+                              <dd>Refer to the <a href="#events-Events-KeyboardEvent-getModifierState">
+                                  <code>KeyboardEvent.getModifierState()</code>
+                                </a> method for a description of this parameter.<br/></dd>
+                            </dl>
+                          </div>
+                        </div>
+                        <!-- parameters -->
+                        <div class="return">
+                          <strong>Return Value</strong>
+                          <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 a modifier key and the modifier is activated, <code>false</code> otherwise.</p>
+                                </td>
+                              </tr>
+                            </table>
+                          </div>
+                        </div>
+                        <!-- return -->
+                        <div>
+                          <strong>No Exceptions</strong>
+                        </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">Initializes attributes of a <code>MouseEvent</code> object. This method has the same behavior as <a href="#events-Events-Event-initUIEvent">
+                          <code>UIEvent.initUIEvent()</code>
+                        </a>.
+<div class="parameters">
+                          <strong>Parameters</strong>
+                          <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>. This value may be <code>null</code>.<br/></dd>
+                            </dl>
+                          </div>
+                        </div>
+                        <!-- parameters -->
+                        <div>
+                          <strong>No Return Value</strong>
+                        </div>
+                        <div>
+                          <strong>No Exceptions</strong>
+                        </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 <strong class="since">DOM Level 3</strong></dt>
+                    <dd>
+                      <div class="method">Initializes attributes of a <code>MouseEvent</code> object. This method has the same behavior as <a href="#events-Events-Event-initUIEventNS">
+                          <code>UIEvent.initUIEventNS()</code>
+                        </a>.
+<div class="parameters">
+                          <strong>Parameters</strong>
+                          <div class="paramtable">
+                            <dl>
+                              <dt><code class="parameter-name">namespaceURIArg</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">modifiersListArg</code> of type <code>DOMString</code></dt>
+                              <dd>Refer to the <a href="#events-Events-KeyboardEvent-initKeyboardEventNS">
+                                  <code>KeyboardEvent.initKeyboardEventNS()</code>
+                                </a> method for a description of this parameter.<br/></dd>
+                            </dl>
+                          </div>
+                        </div>
+                        <!-- parameters -->
+                        <div>
+                          <strong>No Return Value</strong>
+                        </div>
+                        <div>
+                          <strong>No Exceptions</strong>
+                        </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 name="events-dt-current-click-count" id="events-dt-current-click-count"
+              /> Implementations must maintain the <i>current click count</i> when generating mouse events. This is a non-negative integer indicating the number of consecutive clicks of a pointing device button during a user action. The notion of consecutive clicks depends on the environment configuration. For example, a "double click" might not happen if there is a long delay between the two clicks.</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">
+                      <strong>
+                        <code>click</code>
+                      </strong>
+                    </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 <a href="#events-dt-current-click-count">current click count</a>. The attribute value is <code>1</code> when the user begins this action and increments by <code>1</code> for each click.</td>
+                  </tr>
+                </table>
+A pointing device button is clicked over an element. The definition of a click depends on the environment configuration; i.e. it may depend on the screen location or the delay between the press and release of the pointing device button. In any case, the event target 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 addition, the event type is dispatched as described in <a href="#events-Events-flow-activation">Activation requests and behavior</a>.</dd>
+            </dl>
+          </div>
+          <div class="event-definition">
+            <dl>
+              <dt>
+                <a name="events-event-dblclick" id="events-event-dblclick"> </a>
+                <a class="noxref" href="#events-event-dblclick">dblclick</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">
+                      <strong>
+                        <code>dblclick</code>
+                      </strong>
+                    </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 <a href="#events-dt-current-click-count">current click count</a>.</td>
+                  </tr>
+                </table>
+A pointing device button is clicked twice over an element. The definition of a double click depends on the environment configuration, except that the event target must be the same between <a href="#events-event-mousedown">mousedown</a>, <a href="#events-event-mouseup">mouseup</a>, and <a href="#events-event-dblclick">dblclick</a>. This event type is dispatched after the event type <a href="#events-event-click">click</a> if a click and double click occur simultaneously, and after the event type <a href="#events-event-mouseup">mouseup</a> otherwise.</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">
+                      <strong>
+                        <code>mousedown</code>
+                      </strong>
+                    </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 <a href="#events-dt-current-click-count">current click count</a> incremented by one. 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.</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 <a href='#events-dt-current-click-count'>current click count</a> incremented by one.</td>
-</tr>
-</table>
+            </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">
+                      <strong>
+                        <code>mouseup</code>
+                      </strong>
+                    </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 <a href="#events-dt-current-click-count">current click count</a> incremented by one.</td>
+                  </tr>
+                </table>
 A pointing device button is released over an 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>
+            </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">
+                      <strong>
+                        <code>mouseover</code>
+                      </strong>
+                    </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.</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>
+            </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">
+                      <strong>
+                        <code>mousemove</code>
+                      </strong>
+                    </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.</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>
+            </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">
+                      <strong>
+                        <code>mouseout</code>
+                      </strong>
+                    </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.</dd>
-</dl>
-</div>
-</div>
-
-<!-- div3 Events-eventgroupings-wheelevents -->
-<div class='div3'><a name='events-Events-eventgroupings-mousewheelevents' id='events-Events-eventgroupings-mousewheelevents'></a>
-<h3 id='events-Events-eventgroupings-mousewheelevents-h3' class='div3'>1.7.5 Mouse wheel event types</h3>
-<p>This module defines the feature MouseWheelEvents 3.0 and depends on the feature MouseEvents 3.0.</p>
-<p>Mouse wheel events are included for specification of legacy support, but are deprecated.  Authors are encouraged to use <a href='#events-Events-eventgroupings-wheelevents'>Wheel event types</a> instead.</p>
-<!--
+            </dl>
+          </div>
+        </div>
+
+        <!-- div3 Events-eventgroupings-wheelevents -->
+        <div class="div3">
+          <a name="events-Events-eventgroupings-mousewheelevents"
+            id="events-Events-eventgroupings-mousewheelevents"/>
+          <h3 id="events-Events-eventgroupings-mousewheelevents-h3" class="div3">1.7.5 Mouse wheel event types</h3>
+          <p>This module defines the feature MouseWheelEvents 3.0 and depends on the feature MouseEvents 3.0.</p>
+          <p>Mouse wheel events are included for specification of legacy support, but are deprecated.  Authors are encouraged to use <a href="#events-Events-eventgroupings-wheelevents">Wheel event types</a> instead.</p>
+          <!--
 <p>Mouse wheel events are a subset of mouse multi wheel events. See <a href='#events-Events-eventgroupings-wheelevents'>Wheel event types</a> for additional information.</p>
 -->
-<dl>
-<dt><b>Interface <i><a name='events-Events-MouseWheelEvent' id='events-Events-MouseWheelEvent'>MouseWheelEvent</a></i></b> (introduced in <b class='since'>DOM Level 3</b>)</dt>
-<dd>
-<p>The <code>MouseWheelEvent</code> interface provides specific contextual information associated with mouse wheel events.</p>
-<p>To create an instance of the <code>MouseWheelEvent</code> interface, use the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("MouseWheelEvent")</code></a> method call.</p>
-<dl>
-<dt><br />
-<b>IDL Definition</b></dt>
-<dd>
-<div class='idl-code'>
-<pre>
+          <dl>
+            <dt><strong>Interface <i>
+                  <a name="events-Events-MouseWheelEvent" id="events-Events-MouseWheelEvent">MouseWheelEvent</a>
+                </i></strong> (introduced in <strong class="since">DOM Level 3</strong>)</dt>
+            <dd>
+              <p>The <code>MouseWheelEvent</code> interface provides specific contextual information associated with mouse wheel events.</p>
+              <p>To create an instance of the <code>MouseWheelEvent</code> interface, use the <a href="#events-Events-DocumentEvent-createEvent">
+                  <code>DocumentEvent.createEvent("MouseWheelEvent")</code>
+                </a> method call.</p>
+              <dl>
+                <dt>
+                  <br/>
+                  <strong>IDL Definition</strong>
+                </dt>
+                <dd>
+                  <div class="idl-code">
+                    <pre>
 // Introduced in DOM Level 3:
-interface <a class='noxref' href='#events-Events-MouseWheelEvent'>MouseWheelEvent</a> : <a class='noxref' href='#events-Events-MouseEvent'>MouseEvent</a> {
-  readonly attribute long            <a class='noxref' href='#events-Events-MouseWheelEvent-wheelDelta'>wheelDelta</a>;
-  void               <a class='noxref' href='#events-Events-Event-initMouseWheelEventNS'>initMouseWheelEventNS</a>(in DOMString namespaceURIArg, 
+interface <a class="noxref" href="#events-Events-MouseWheelEvent">MouseWheelEvent</a> : <a class="noxref" href="#events-Events-MouseEvent">MouseEvent</a> {
+  readonly attribute long            <a class="noxref" href="#events-Events-MouseWheelEvent-wheelDelta">wheelDelta</a>;
+  void               <a class="noxref" href="#events-Events-Event-initMouseWheelEventNS">initMouseWheelEventNS</a>(in DOMString namespaceURIArg, 
                                            in DOMString typeArg, 
                                            in boolean canBubbleArg, 
                                            in boolean cancelableArg, 
@@ -2446,146 +4370,259 @@
                                            in long clientXArg, 
                                            in long clientYArg, 
                                            in unsigned short buttonArg, 
-                                           in <a class='noxref' href='#events-Events-EventTarget'>EventTarget</a> relatedTargetArg, 
+                                           in <a class="noxref" href="#events-Events-EventTarget">EventTarget</a> relatedTargetArg, 
                                            in DOMString modifiersListArg, 
                                            in long wheelDeltaArg);
 };
-</pre></div>
-<br /></dd>
-<dt><b>Attributes</b></dt>
-<dd>
-<dl>
-<dt><code class='attribute-name'><a name='events-Events-MouseWheelEvent-wheelDelta' id='events-Events-MouseWheelEvent-wheelDelta'>wheelDelta</a></code> of type <code>long</code>, readonly</dt>