--- 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:public-webapi@w3.org' />
-<link rel='help' href='http://www.w3.org/DOM/' />
-</head>
-<body>
-<a id='Overview' name='Overview'></a>
-<div class='head'>
-<p><a href='http://www.w3.org/'><img height='48' width='72' alt='W3C' src='http://www.w3.org/Icons/w3c_home' /></a></p>
-<h1 id='Overview-title'>Document Object Model (DOM) Level 3 Events Specification</h1>
-<h2 id='Overview-version'>Version 1.0</h2>
-<!-- @@@ -->
-<h2 id='Overview-W3C-doctype'>Editor's Draft 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örn Höhrmann, <i>Invited Expert (until December 2007)</i></dd>
- <dd>Philippe Le Hégaret, <i>W3C (until November 2003)</i></dd>
-<dd>Tom Pixley, <i>Netscape Communications Corporation (until July 2002)</i></dd>
-</dl>
-<p class='copyright'><a href='http://www.w3.org/Consortium/Legal/ipr-notice#Copyright'>Copyright</a> © 2008 <a href='http://www.w3.org/'><acronym title='World Wide Web Consortium'>W3C</acronym></a><sup>®</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>®</sup> Document Copyright Notice and License</a></li>
-<li class='tocline3'><a class='tocxref' href='#copyright-notice-Copyright-notice-software'>W3C<sup>®</sup> Software Copyright Notice and License</a></li>
-<li class='tocline3'><a class='tocxref' href='#copyright-notice-Copyright-short-notice'>W3C<sup>®</sup> Short Software Notice</a></li>
-</ul>
-</li>
-</ul>
-<ul class='toc'>
-<li class='tocline2'><a class='tocxref' href='#events'>1 Document Object Model Events</a>
-<ul class='toc'>
-<li class='tocline3'><a class='tocxref' href='#events-Events-overview'>1.1 Introduction</a>
-<ul class='toc'>
-<li class='tocline4'><a class='tocxref' href='#events-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 © 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>®</sup> Document Copyright Notice and License</a>. The bindings within this document are published under the <a href='#copyright-notice-Copyright-notice-software'>W3C<sup>®</sup> Software Copyright Notice and License</a>. The software license requires "Notice of any changes or modifications to the W3C files, including the date changes were made." Consequently, modified versions of the DOM bindings must document that they do not conform to the W3C standard; in the case of the IDL definitions, the pragma prefix can no longer be 'w3c.org'; in the case of the Java language binding, the package names can no longer be in the 'org.w3c' package.</p>
-<div class='div2'><a name='copyright-notice-Copyright-notice-document' id='copyright-notice-Copyright-notice-document'></a>
-<hr width='50' align='center' title='Area separator' />
-<h2 id='copyright-notice-Copyright-notice-document-h2' class='div2'>W3C<sup>®</sup> Document Copyright Notice and License</h2>
-<p><b>Note:</b> This section is a copy of the W3C<sup>®</sup> Document Notice and License and could be found at <a class='normative' href='http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231'>http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231</a>.</p>
-<p><b>Copyright © 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 © [$date-of-document] <a class='normative' href='http://www.w3.org/'>World Wide Web Consortium</a>, (<a class='normative' href='http://www.lcs.mit.edu/'>Massachusetts Institute of Technology</a>, <a class='normative' href='http://www.ercim.org/'>European Research Consortium for Informatics and Mathematics</a>, <a class='normative' href='http://www.keio.ac.jp/'>Keio University</a>). All Rights Reserved. <a class='normative' href='http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231'>http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231</a>"</li>
-<li><em>If it exists</em>, the STATUS of the W3C document.</li>
-</ol>
-<p>When space permits, inclusion of the full text of this <b>NOTICE</b> should be provided. We request that authorship attribution be provided in any software, documents, or other items or products that you create pursuant to the implementation of the contents of this document, or any portion thereof.</p>
-<p>No right to create modifications or derivatives of W3C documents is granted pursuant to this license. However, if additional requirements (documented in the <a class='normative' href='http://www.w3.org/Consortium/Legal/IPR-FAQ'>Copyright FAQ</a>) are satisfied, the right to create modifications or derivatives is sometimes granted by the W3C to individuals complying with those requirements.</p>
-<p>THIS DOCUMENT IS PROVIDED "AS IS," AND COPYRIGHT HOLDERS MAKE NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, OR TITLE; THAT THE CONTENTS OF THE DOCUMENT ARE SUITABLE FOR ANY PURPOSE; NOR THAT THE IMPLEMENTATION OF SUCH CONTENTS WILL NOT INFRINGE ANY THIRD PARTY PATENTS, COPYRIGHTS, TRADEMARKS OR OTHER RIGHTS.</p>
-<p>COPYRIGHT HOLDERS WILL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF ANY USE OF THE DOCUMENT OR THE PERFORMANCE OR IMPLEMENTATION OF THE CONTENTS THEREOF.</p>
-<p>The name and trademarks of copyright holders may NOT be used in advertising or publicity pertaining to this document or its contents without specific, written prior permission. Title to copyright in this document will at all times remain with copyright holders.</p>
-</div>
-<!-- div2 Copyright-notice-document -->
-<div class='div2'><a name='copyright-notice-Copyright-notice-software' id='copyright-notice-Copyright-notice-software'></a>
-<hr width='50' align='center' title='Area separator' />
-<h2 id='copyright-notice-Copyright-notice-software-h2' class='div2'>W3C<sup>®</sup> Software Copyright Notice and License</h2>
-<p><b>Note:</b> This section is a copy of the W3C<sup>®</sup> Software Copyright Notice and License and could be found at <a class='normative' href='http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231'>http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231</a></p>
-<p><b>Copyright © 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>®</sup> Short Software Notice</a> should be included (hypertext is preferred, text is permitted) within the body of any redistributed or derivative code.</li>
-<li>Notice of any changes or modifications to the files, including the date changes were made. (We recommend you provide URIs to the location from which the code is derived.)</li>
-</ol>
-<p>THIS SOFTWARE AND DOCUMENTATION IS PROVIDED "AS IS," AND COPYRIGHT HOLDERS MAKE NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO, WARRANTIES OF MERCHANTABILITY OR FITNESS FOR ANY PARTICULAR PURPOSE OR THAT THE USE OF THE SOFTWARE OR DOCUMENTATION WILL NOT INFRINGE ANY THIRD PARTY PATENTS, COPYRIGHTS, TRADEMARKS OR OTHER RIGHTS.</p>
-<p>COPYRIGHT HOLDERS WILL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF ANY USE OF THE SOFTWARE OR DOCUMENTATION.</p>
-<p>The name and trademarks of copyright holders may NOT be used in advertising or publicity pertaining to the software without specific, written prior permission. Title to copyright in this software and any associated documentation will at all times remain with copyright holders.</p>
-</div>
-<!-- div2 Copyright-notice-software -->
-<div class='div2'><a name='copyright-notice-Copyright-short-notice' id='copyright-notice-Copyright-short-notice'></a>
-<h2 id='copyright-notice-Copyright-short-notice-h2' class='div2'>W3C<sup>®</sup> Short Software Notice</h2>
-<p><b>Note:</b> This section is a copy of the W3C<sup>®</sup> Short Software Notice and could be found at <a class='normative' href='http://www.w3.org/Consortium/Legal/2002/copyright-software-short-notice-20021231'>http://www.w3.org/Consortium/Legal/2002/copyright-software-short-notice-20021231</a></p>
-<p><b>Copyright © 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 © [$date-of-software] <a class='normative' href='http://www.w3.org/'>World Wide Web Consortium</a>, (<a class='normative' href='http://www.lcs.mit.edu/'>Massachusetts Institute of Technology</a>, <a class='normative' href='http://www.ercim.org/'>European Research Consortium for Informatics and Mathematics</a>, <a class='normative' href='http://www.keio.ac.jp/'>Keio University</a>). All Rights Reserved. This work is distributed under the W3C<sup>®</sup> Software License [1] in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.</p>
-<p>[1] http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231</p>
-</div>
-<!-- div2 Copyright-short-notice --></div>
-<!-- div1 Copyright-Notice -->
-<a id='events' name='events'></a>
-<div class='noprint' style='text-align: right'>
-<p style='font-family: monospace;font-size:small'>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örn Höhrmann</a></dd>
-<dd>Philippe Le Hégaret, W3C (until November 2003)</dd>
-<dd>Tom Pixley, Netscape Communications Corporation (until July 2002)</dd>
-</dl>
-<div class='noprint'>
-<h2 id='events-table-of-contents'>Table of Contents</h2>
-<ul class='toc'>
-<li class='tocline3'><a class='tocxref' href='#events-Events-overview'>1.1 Introduction</a>
-<ul class='toc'>
-<li class='tocline4'><a class='tocxref' href='#events-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:public-webapps@w3.org"/>
+ <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örn Höhrmann</a> Invited Expert (until December 2007)</dd>
+ <dd>Philippe Le Hégaret, <i>W3C (until November 2003)</i></dd>
+ <dd>Tom Pixley, <i>Netscape Communications Corporation (until July 2002)</i></dd>
+ </dl>
+ <p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2008 <a href="http://www.w3.org/">
+ <acronym title="World Wide Web Consortium">W3C</acronym>
+ </a><sup>®</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>®</sup> Document Copyright Notice and License</a>
+ </li>
+ <li class="tocline3">
+ <a class="tocxref" href="#copyright-notice-Copyright-notice-software">W3C<sup>®</sup> Software Copyright Notice and License</a>
+ </li>
+ <li class="tocline3">
+ <a class="tocxref" href="#copyright-notice-Copyright-short-notice">W3C<sup>®</sup> Short Software Notice</a>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ <ul class="toc">
+ <li class="tocline2">
+ <a class="tocxref" href="#events">1 Document Object Model Events</a>
+ <ul class="toc">
+ <li class="tocline3">
+ <a class="tocxref" href="#events-Events-overview">1.1 Introduction</a>
+ <ul class="toc">
+ <li class="tocline4">
+ <a class="tocxref" href="#events-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 © 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>®</sup> Document Copyright Notice and License</a>. The bindings within this document are published under the <a href="#copyright-notice-Copyright-notice-software">W3C<sup>®</sup> Software Copyright Notice and License</a>. The software license requires "Notice of any changes or modifications to the W3C files, including the date changes were made." Consequently, modified versions of the DOM bindings must document that they do not conform to the W3C standard; in the case of the IDL definitions, the pragma prefix can no longer be 'w3c.org'; in the case of the Java language binding, the package names can no longer be in the 'org.w3c' package.</p>
+ <div class="div2">
+ <a name="copyright-notice-Copyright-notice-document"
+ id="copyright-notice-Copyright-notice-document"/>
+ <hr width="50" align="center" title="Area separator"/>
+ <h2 id="copyright-notice-Copyright-notice-document-h2" class="div2">W3C<sup>®</sup> Document Copyright Notice and License</h2>
+ <p><strong>Note:</strong> This section is a copy of the W3C<sup>®</sup> Document Notice and License and could be found at <a class="normative" href="http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231">http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231</a>.</p>
+ <p>
+ <strong>Copyright © 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 © [$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>®</sup> Software Copyright Notice and License</h2>
+ <p><strong>Note:</strong> This section is a copy of the W3C<sup>®</sup> Software Copyright Notice and License and could be found at <a class="normative" href="http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231">http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231</a></p>
+ <p>
+ <strong>Copyright © 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>®</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>®</sup> Short Software Notice</h2>
+ <p><strong>Note:</strong> This section is a copy of the W3C<sup>®</sup> Short Software Notice and could be found at <a class="normative" href="http://www.w3.org/Consortium/Legal/2002/copyright-software-short-notice-20021231">http://www.w3.org/Consortium/Legal/2002/copyright-software-short-notice-20021231</a></p>
+ <p>
+ <strong>Copyright © 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 © [$date-of-software] <a class="normative" href="http://www.w3.org/">World Wide Web Consortium</a>, (<a class="normative" href="http://www.lcs.mit.edu/">Massachusetts Institute of Technology</a>, <a class="normative" href="http://www.ercim.org/">European Research Consortium for Informatics and Mathematics</a>, <a class="normative" href="http://www.keio.ac.jp/">Keio University</a>). All Rights Reserved. This work is distributed under the W3C<sup>®</sup> Software License [1] in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.</p>
+ <p>[1] http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231</p>
+ </div>
+ <!-- div2 Copyright-short-notice -->
+ </div>
+ <!-- div1 Copyright-Notice -->
+ <a id="events" name="events"> </a>
+ <div class="noprint" style="text-align: right">
+ <p style="font-family: monospace;font-size:small">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örn Höhrmann</a> Invited Expert (until December 2007)</dd>
+ <dd>Philippe Le Hégaret, W3C (until November 2003)</dd>
+ <dd>Tom Pixley, Netscape Communications Corporation (until July 2002)</dd>
+ </dl>
+ <div class="noprint">
+ <h2 id="events-table-of-contents">Table of Contents</h2>
+ <ul class="toc">
+ <li class="tocline3">
+ <a class="tocxref" href="#events-Events-overview">1.1 Introduction</a>
+ <ul class="toc">
+ <li class="tocline4">
+ <a class="tocxref" href="#events-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>
-<dd>The distance the wheel has rotated around the y-axis.<br /></dd>
-</dl>
-</dd>
-<dt><b>Methods</b></dt>
-<dd>
-<dl>
-<dt><code class='method-name'><a name='events-Events-Event-initMouseWheelEventNS' id='events-Events-Event-initMouseWheelEventNS'>initMouseWheelEventNS</a></code></dt>
-<dd>
-<div class='method'>Initializes attributes of a <code>MouseWheelEvent</code> object. This method has the same behavior as <a href='#events-Events-Event-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-Event-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>wheelDeltaArg</code> of type <code>long</code></dt>
-<dd>Specifies <a href='#events-Events-MouseWheelEvent-wheelDelta'><code>MouseWheelEvent.wheelDelta</code></a>.<br /></dd>
-</dl>
-</div>
-</div>
-<!-- parameters -->
-<div><b>No Return Value</b></div>
-<div><b>No Exceptions</b></div>
-</div>
-<!-- method --></dd>
-</dl>
-</dd>
-</dl>
-</dd>
-</dl>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-mousewheel' id='events-event-mousewheel'></a><a class='noxref' href='#events-event-mousewheel'>mousewheel</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>mousewheel</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-MouseWheelEvent'><code>MouseWheelEvent</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>Document</code>, <code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MouseWheelEvent-wheelDelta'><code>MouseWheelEvent.wheelDelta</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-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>, and <a href='#events-Events-MouseEvent-button'><code>MouseEvent.button</code></a> are in use if the wheel is associated to a pointing device. <a href='#events-Events-MouseEvent-relatedTarget'><code>MouseEvent.relatedTarget</code></a> indicates the <a href='#glossary-dt-event-target'>event target</a> the pointing device is pointing at, if any. <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> is not in use.</td>
-</tr>
-</table>
+</pre>
+ </div>
+ <br/>
+ </dd>
+ <dt>
+ <strong>Attributes</strong>
+ </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>
+ <dd>The distance the wheel has rotated around the y-axis.<br/></dd>
+ </dl>
+ </dd>
+ <dt>
+ <strong>Methods</strong>
+ </dt>
+ <dd>
+ <dl>
+ <dt>
+ <code class="method-name">
+ <a name="events-Events-Event-initMouseWheelEventNS"
+ id="events-Events-Event-initMouseWheelEventNS">initMouseWheelEventNS</a>
+ </code>
+ </dt>
+ <dd>
+ <div class="method">Initializes attributes of a <code>MouseWheelEvent</code> object. This method has the same behavior as <a href="#events-Events-Event-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-Event-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">wheelDeltaArg</code> of type <code>long</code></dt>
+ <dd>Specifies <a href="#events-Events-MouseWheelEvent-wheelDelta">
+ <code>MouseWheelEvent.wheelDelta</code>
+ </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>
+ </dl>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-mousewheel" id="events-event-mousewheel"> </a>
+ <a class="noxref" href="#events-event-mousewheel">mousewheel</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>mousewheel</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-MouseWheelEvent">
+ <code>MouseWheelEvent</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>Document</code>, <code>Element</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-MouseWheelEvent-wheelDelta">
+ <code>MouseWheelEvent.wheelDelta</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-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>, and <a href="#events-Events-MouseEvent-button">
+ <code>MouseEvent.button</code>
+ </a> are in use if the wheel is associated to a pointing device. <a href="#events-Events-MouseEvent-relatedTarget">
+ <code>MouseEvent.relatedTarget</code>
+ </a> indicates the <a href="#glossary-dt-event-target">event target</a> the pointing device is pointing at, if any. <a href="#events-Events-UIEvent-detail">
+ <code>UIEvent.detail</code>
+ </a> is not in use.</td>
+ </tr>
+ </table>
A mouse wheel has been rotated around the y-axis.</dd>
-</dl>
-</div>
-</div>
-<!-- div3 Events-eventgroupings-mousewheelevents -->
-
-
-
-<!-- div3 Events-eventgroupings-mouseevents -->
-<div class='div3'><a name='events-Events-eventgroupings-wheelevents' id='events-Events-eventgroupings-wheelevents'></a>
-<h3 id='events-Events-eventgroupings-wheelevents-h3' class='div3'>1.7.6 Wheel event types</h3>
-<p>This module defines the feature WheelEvents 3.0 and depends on the feature MouseEvents 3.0.</p>
-<p>Wheels are devices that can be rotated in one or more spatial dimensions, and which may or may not be associated with a pointer device. The coordinate system depends on the environment configuration. As an example, the environment may be configured to associate vertical scrolling with rotation along the y-axis, horizontal scrolling with rotation along the x-axis, and zooming with rotation along the z-axis. The deltax, deltaY, and deltaX attributes of <a href='#events-Events-WheelEvent'><code>WheelEvent</code></a> objects indicate the distance of the rotation, as specified in the <a class='def-term' href='events-Events-WheelEvent-delta'>delta</a> definition. <!--The delta attributes of <a href='#events-Events-WheelEvent'><code>WheelEvent</code></a> objects indicate the distance of the rotation. The measurement unit depends on the environment configuration. The sign of the delta value should indicate the direction of the rotation.--></p>
-
-<dl>
-<dt><code class='def-term' id='events-Events-WheelEvent-delta'>delta</code></dt>
-<dd><p>The distance the wheel has rotated around the its axis.</p>
- <p>The value of a <a class='def-term' href='events-Events-WheelEvent-delta'>delta</a> is a floating-point number indicating a distance, measured as the number of <a class='def-term' href='events-Events-WheelEvent-roll'>rolls</a> the wheel has been <a class='def-term' href='events-Events-WheelEvent-rotation'>rotated</a>. A positive value shall indicate that the wheel has been <a class='def-term' href='events-Events-WheelEvent-rotation'>rotated</a> away from the user on vertically-aligned devices or in a left-hand manner on horizontally aligned devices, and a negative value shall indicate that the wheel has been <a class='def-term' href='events-Events-WheelEvent-rotation'>rotated</a> towards the user on vertically-aligned devices or in a right-hand manner on horizontally-aligned devices. The default value of a delta attribute shall be 0.</p>
-</dd>
-<dt><code class='def-term' id='events-Events-WheelEvent-roll'>roll</code></dt>
-<dd>A unit of <a class='def-term' href='events-Events-WheelEvent-rotation'>rotation</a> for a device using the <a href='events-Events-eventgroupings-wheelevents'>WheelEvent</a> interface. On some devices this is a finite physical step. On devices with smooth <a class='def-term' href='events-Events-WheelEvent-rotation'>rotation</a>, a <code class='def-term' href='events-Events-WheelEvent-roll'>roll</code> becomes the smallest reported amount of <a class='def-term' href='events-Events-WheelEvent-rotation'>rotation</a>.</dd>
-<dt><code class='def-term' id='events-Events-WheelEvent-rotation'>rotation</code></dt>
-<dd>An indication of incremental change. On some devices this is a literal rotation of a wheel, while on others, it may be
+ </dl>
+ </div>
+ </div>
+ <!-- div3 Events-eventgroupings-mousewheelevents -->
+
+
+
+ <!-- div3 Events-eventgroupings-mouseevents -->
+ <div class="div3">
+ <a name="events-Events-eventgroupings-wheelevents"
+ id="events-Events-eventgroupings-wheelevents"/>
+ <h3 id="events-Events-eventgroupings-wheelevents-h3" class="div3">1.7.6 Wheel event types</h3>
+ <p>This module defines the feature WheelEvents 3.0 and depends on the feature MouseEvents 3.0.</p>
+ <p>Wheels are devices that can be rotated in one or more spatial dimensions, and which may or may not be associated with a pointer device. The coordinate system depends on the environment configuration. As an example, the environment may be configured to associate vertical scrolling with rotation along the y-axis, horizontal scrolling with rotation along the x-axis, and zooming with rotation along the z-axis. The deltax, deltaY, and deltaX attributes of <a href="#events-Events-WheelEvent">
+ <code>WheelEvent</code>
+ </a> objects indicate the distance of the rotation, as specified in the <a class="def-term" href="events-Events-WheelEvent-delta">delta</a> definition. <!--The delta attributes of <a href='#events-Events-WheelEvent'><code>WheelEvent</code></a> objects indicate the distance of the rotation. The measurement unit depends on the environment configuration. The sign of the delta value should indicate the direction of the rotation.--></p>
+
+ <dl>
+ <dt>
+ <code class="def-term" id="events-Events-WheelEvent-delta">delta</code>
+ </dt>
+ <dd>
+ <p>The distance the wheel has rotated around the its axis.</p>
+ <p>The value of a <a class="def-term" href="events-Events-WheelEvent-delta">delta</a> is a integer indicating a distance, measured as the number of <a class="def-term" href="events-Events-WheelEvent-roll">rolls</a> the wheel has been <a class="def-term" href="events-Events-WheelEvent-rotation">rotated</a>. A positive value shall indicate that the wheel has been <a class="def-term" href="events-Events-WheelEvent-rotation">rotated</a> away from the user on vertically-aligned devices or in a left-hand manner on horizontally aligned devices, and a negative value shall indicate that the wheel has been <a class="def-term" href="events-Events-WheelEvent-rotation">rotated</a> towards the user on vertically-aligned devices or in a right-hand manner on horizontally-aligned devices. The default value of a delta attribute shall be 0.</p>
+ </dd>
+ <dt>
+ <code class="def-term" id="events-Events-WheelEvent-roll">roll</code>
+ </dt>
+ <dd>A unit of <a class="def-term" href="events-Events-WheelEvent-rotation">rotation</a> for a device using the <a href="events-Events-eventgroupings-wheelevents">WheelEvent</a> interface. On some devices this is a finite physical step. On devices with smooth <a class="def-term" href="events-Events-WheelEvent-rotation">rotation</a>, a <a class="def-term" href="events-Events-WheelEvent-roll">roll</a> becomes the smallest reported amount of <a class="def-term" href="events-Events-WheelEvent-rotation">rotation</a>.</dd>
+ <dt>
+ <code class="def-term" id="events-Events-WheelEvent-rotation">rotation</code>
+ </dt>
+ <dd>An indication of incremental change. On some devices this is a literal rotation of a wheel, while on others, it may be
movement along a flat surface, or pressure on a particular button.</dd>
-</dl>
-
-<dl>
-<dt><b>Interface <i><a name='events-Events-WheelEvent' id='events-Events-WheelEvent'>WheelEvent</a></i></b> (introduced in <b class='since'>DOM Level 3</b>)</dt>
-<dd>
-<p>The <code>WheelEvent</code> interface provides specific contextual information associated with mouse multi wheel events.</p>
-<p>To create an instance of the <code>WheelEvent</code> interface, use the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("WheelEvent")</code></a> method call.</p>
-<dl>
-<dt><br />
-<b>IDL Definition</b></dt>
-<dd>
-<div class='idl-code'>
-<pre>
+ </dl>
+
+ <p class="issue">Should we include some additional attribute that denotes what units the roll is in, such as pixels or lines? See <a href="http://www.w3.org/2008/webapps/track/issues/9"
+ title="ISSUE-9 - Web Applications Working Group Tracker">ISSUE-9</a>.</p>
+
+ <dl>
+ <dt><strong>Interface <i>
+ <a name="events-Events-WheelEvent" id="events-Events-WheelEvent">WheelEvent</a>
+ </i></strong> (introduced in <strong class="since">DOM Level 3</strong>)</dt>
+ <dd>
+ <p>The <code>WheelEvent</code> interface provides specific contextual information associated with omnidirectional mouse wheel events.</p>
+ <p>To create an instance of the <code>WheelEvent</code> interface, use the <a href="#events-Events-DocumentEvent-createEvent">
+ <code>DocumentEvent.createEvent("WheelEvent")</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-WheelEvent'>WheelEvent</a> : <a class='noxref' href='#events-Events-MouseEvent'>MouseEvent</a> {
- readonly attribute long <a class='noxref' href='#events-Events-WheelEvent-deltaX'>deltaX</a>;
- readonly attribute long <a class='noxref' href='#events-Events-WheelEvent-deltaY'>deltaY</a>;
- readonly attribute long <a class='noxref' href='#events-Events-WheelEvent-deltaZ'>deltaZ</a>;
- void <a class='noxref' href='#events-Events-Event-initWheelEventNS'>initWheelEventNS</a>(in DOMString namespaceURIArg,
+interface <a class="noxref" href="#events-Events-WheelEvent">WheelEvent</a> : <a class="noxref" href="#events-Events-MouseEvent">MouseEvent</a> {
+ readonly attribute long <a class="noxref" href="#events-Events-WheelEvent-deltaX">deltaX</a>;
+ readonly attribute long <a class="noxref" href="#events-Events-WheelEvent-deltaY">deltaY</a>;
+ readonly attribute long <a class="noxref" href="#events-Events-WheelEvent-deltaZ">deltaZ</a>;
+ void <a class="noxref" href="#events-Events-Event-initWheelEventNS">initWheelEventNS</a>(in DOMString namespaceURIArg,
in DOMString typeArg,
in boolean canBubbleArg,
in boolean cancelableArg,
@@ -2596,150 +4633,267 @@
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 deltaXArg,
in long deltaYArg,
in long deltaZArg);
};
-</pre></div>
-<br /></dd>
-<dt><b>Attributes</b></dt>
-<dd>
-<dl>
-<dt><code class='attribute-name'><a name='events-Events-WheelEvent-deltaX' id='events-Events-WheelEvent-deltaX'>deltaX</a></code> of type <code>long</code>, readonly</dt>
-<dd>The distance the wheel has rotated around the x-axis.<br /></dd>
-<dt><code class='attribute-name'><a name='events-Events-WheelEvent-deltaY' id='events-Events-WheelEvent-deltaY'>deltaY</a></code> of type <code>long</code>, readonly</dt>
-<dd>The distance the wheel has rotated around the y-axis.<br /></dd>
-<dt><code class='attribute-name'><a name='events-Events-WheelEvent-deltaZ' id='events-Events-WheelEvent-deltaZ'>deltaZ</a></code> of type <code>long</code>, readonly</dt>
-<dd>The distance the wheel has rotated around the z-axis.<br /></dd>
-</dl>
-</dd>
-<dt><b>Methods</b></dt>
-<dd>
-<dl>
-<dt><code class='method-name'><a name='events-Events-Event-initWheelEventNS' id='events-Events-Event-initWheelEventNS'>initWheelEventNS</a></code></dt>
-<dd>
-<div class='method'>Initializes attributes of a <code>WheelEvent</code> object. This method has the same behavior as <a href='#events-Events-Event-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</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-Event-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>deltaXArg</code> of type <code>long</code></dt>
-<dd>Specifies <a href='#events-Events-WheelEvent-deltaX'><code>WheelEvent.deltaX</code></a>.<br /></dd>
-<dt><code class='parameter-name'>deltaYArg</code> of type <code>long</code></dt>
-<dd>Specifies <a href='#events-Events-WheelEvent-deltaY'><code>WheelEvent.deltaY</code></a>.<br /></dd>
-<dt><code class='parameter-name'>deltaZArg</code> of type <code>long</code></dt>
-<dd>Specifies <a href='#events-Events-WheelEvent-deltaZ'><code>WheelEvent.deltaZ</code></a>.<br /></dd>
-</dl>
-</div>
-</div>
-<!-- parameters -->
-<div><b>No Return Value</b></div>
-<div><b>No Exceptions</b></div>
-</div>
-<!-- method --></dd>
-</dl>
-</dd>
-</dl>
-</dd>
-</dl>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-wheel' id='events-event-wheel'></a><a class='noxref' href='#events-event-wheel'>wheel</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>wheel</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-WheelEvent'><code>WheelEvent</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>Document</code>, <code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-WheelEvent-deltaX'><code>WheelEvent.deltaX</code></a>, <a href='#events-Events-WheelEvent-deltaY'><code>WheelEvent.deltaY</code></a>, <a href='#events-Events-WheelEvent-deltaZ'><code>WheelEvent.deltaZ</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-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>, and <a href='#events-Events-MouseEvent-button'><code>MouseEvent.button</code></a> are in use if the wheel is associated to a pointing device. <a href='#events-Events-MouseEvent-relatedTarget'><code>MouseEvent.relatedTarget</code></a> indicates the <a href='#glossary-dt-event-target'>event target</a> the pointing device is pointing at, if any. <a href='#events-Events-UIEvent-detail'><code>UIEvent.detail</code></a> is not in use.</td>
-</tr>
-</table>
-A mouse wheel has been rotated. A default action of user agent generated event objects of this type causes implementations to dispatch a <code>mousewheel</code> event iff it supports that event type and <a href='#events-Events-WheelEvent-deltaY'><code>WheelEvent.deltaY</code></a> is non-zero.</dd>
-</dl>
-</div>
-</div>
-
-
-
-<div class='div3'><a name='events-Events-eventgroupings-mutationevents' id='events-Events-eventgroupings-mutationevents'></a>
-<h3 id='events-Events-eventgroupings-mutationevents-h3' class='div3'>1.7.7 Mutation event types</h3>
-<p>This module defines the feature MutationEvents 3.0 and depends on the feature Events 3.0.</p>
-<p>The mutation and mutation name event modules are designed to allow notification of any changes to the structure of a document, including attribute, text, or name modifications. It may be noted that none of the event types associated with the modules are designated as cancelable. This stems from the fact that it is very difficult to make use of existing DOM interfaces which cause document modifications if any change to the document might or might not take place due to cancelation of the resulting event. Although this is still a desired capability, it was decided that it would be better left until the addition of transactions into the DOM.</p>
-<p>Many single modifications of the tree can cause multiple mutation events to be dispatched. Rather than attempt to specify the ordering of mutation events due to every possible modification of the tree, the ordering of these events is left to the implementation.</p>
-<dl>
-<dt><b>Interface <i><a name='events-Events-MutationEvent' id='events-Events-MutationEvent'>MutationEvent</a></i></b> (introduced in <b class='since'>DOM Level 2</b>)</dt>
-<dd>
-<p>The <code>MutationEvent</code> interface provides specific contextual information associated with Mutation events.</p>
-<p>To create an instance of the <code>MutationEvent</code> interface, use the <a href='#events-Events-DocumentEvent-createEvent'><code>DocumentEvent.createEvent("MutationEvent")</code></a> method call.</p>
-<dl>
-<dt><br />
-<b>IDL Definition</b></dt>
-<dd>
-<div class='idl-code'>
-<pre>
+</pre>
+ </div>
+ <br/>
+ </dd>
+ <dt>
+ <strong>Attributes</strong>
+ </dt>
+ <dd>
+ <dl>
+ <dt><code class="attribute-name">
+ <a name="events-Events-WheelEvent-deltaX"
+ id="events-Events-WheelEvent-deltaX">deltaX</a>
+ </code> of type <code>long</code>, readonly</dt>
+ <dd>The distance the wheel has rotated around the x-axis.<br/></dd>
+ <dt><code class="attribute-name">
+ <a name="events-Events-WheelEvent-deltaY"
+ id="events-Events-WheelEvent-deltaY">deltaY</a>
+ </code> of type <code>long</code>, readonly</dt>
+ <dd>The distance the wheel has rotated around the y-axis.<br/></dd>
+ <dt><code class="attribute-name">
+ <a name="events-Events-WheelEvent-deltaZ"
+ id="events-Events-WheelEvent-deltaZ">deltaZ</a>
+ </code> of type <code>long</code>, readonly</dt>
+ <dd>The distance the wheel has rotated around the z-axis.<br/></dd>
+ </dl>
+ </dd>
+ <dt>
+ <strong>Methods</strong>
+ </dt>
+ <dd>
+ <dl>
+ <dt>
+ <code class="method-name">
+ <a name="events-Events-Event-initWheelEventNS"
+ id="events-Events-Event-initWheelEventNS">initWheelEventNS</a>
+ </code>
+ </dt>
+ <dd>
+ <div class="method">Initializes attributes of a <code>WheelEvent</code> object. This method has the same behavior as <a href="#events-Events-Event-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</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-Event-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">deltaXArg</code> of type <code>long</code></dt>
+ <dd>Specifies <a href="#events-Events-WheelEvent-deltaX">
+ <code>WheelEvent.deltaX</code>
+ </a>.<br/></dd>
+ <dt><code class="parameter-name">deltaYArg</code> of type <code>long</code></dt>
+ <dd>Specifies <a href="#events-Events-WheelEvent-deltaY">
+ <code>WheelEvent.deltaY</code>
+ </a>.<br/></dd>
+ <dt><code class="parameter-name">deltaZArg</code> of type <code>long</code></dt>
+ <dd>Specifies <a href="#events-Events-WheelEvent-deltaZ">
+ <code>WheelEvent.deltaZ</code>
+ </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>
+ </dl>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-wheel" id="events-event-wheel"> </a>
+ <a class="noxref" href="#events-event-wheel">wheel</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>wheel</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-WheelEvent">
+ <code>WheelEvent</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>Document</code>, <code>Element</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-WheelEvent-deltaX">
+ <code>WheelEvent.deltaX</code>
+ </a>, <a href="#events-Events-WheelEvent-deltaY">
+ <code>WheelEvent.deltaY</code>
+ </a>, <a href="#events-Events-WheelEvent-deltaZ">
+ <code>WheelEvent.deltaZ</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-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>, and <a href="#events-Events-MouseEvent-button">
+ <code>MouseEvent.button</code>
+ </a> are in use if the wheel is associated to a pointing device. <a href="#events-Events-MouseEvent-relatedTarget">
+ <code>MouseEvent.relatedTarget</code>
+ </a> indicates the <a href="#glossary-dt-event-target">event target</a> the pointing device is pointing at, if any. <a href="#events-Events-UIEvent-detail">
+ <code>UIEvent.detail</code>
+ </a> is not in use.</td>
+ </tr>
+ </table>
+A mouse wheel has been rotated. A default action of user agent generated event objects of this type causes implementations to dispatch a <code>mousewheel</code> event iff it supports that event type and <a href="#events-Events-WheelEvent-deltaY">
+ <code>WheelEvent.deltaY</code>
+ </a> is non-zero.</dd>
+ </dl>
+ </div>
+ </div>
+
+
+
+ <div class="div3">
+ <a name="events-Events-eventgroupings-mutationevents"
+ id="events-Events-eventgroupings-mutationevents"/>
+ <h3 id="events-Events-eventgroupings-mutationevents-h3" class="div3">1.7.7 Mutation event types</h3>
+ <p>This module defines the feature MutationEvents 3.0 and depends on the feature Events 3.0.</p>
+ <p>The mutation and mutation name event modules are designed to allow notification of any changes to the structure of a document, including attribute, text, or name modifications. It may be noted that none of the event types associated with the modules are designated as cancelable. This stems from the fact that it is very difficult to make use of existing DOM interfaces which cause document modifications if any change to the document might or might not take place due to cancelation of the resulting event. Although this is still a desired capability, it was decided that it would be better left until the addition of transactions into the DOM.</p>
+ <p>Many single modifications of the tree can cause multiple mutation events to be dispatched. Rather than attempt to specify the ordering of mutation events due to every possible modification of the tree, the ordering of these events is left to the implementation.</p>
+ <dl>
+ <dt><strong>Interface <i>
+ <a name="events-Events-MutationEvent" id="events-Events-MutationEvent">MutationEvent</a>
+ </i></strong> (introduced in <strong class="since">DOM Level 2</strong>)</dt>
+ <dd>
+ <p>The <code>MutationEvent</code> interface provides specific contextual information associated with Mutation events.</p>
+ <p>To create an instance of the <code>MutationEvent</code> interface, use the <a href="#events-Events-DocumentEvent-createEvent">
+ <code>DocumentEvent.createEvent("MutationEvent")</code>
+ </a> method call.</p>
+ <dl>
+ <dt>
+ <br/>
+ <strong>IDL Definition</strong>
+ </dt>
+ <dd>
+ <div class="idl-code">
+ <pre>
// Introduced in DOM Level 2:
-interface <a class='noxref' href='#events-Events-MutationEvent'>MutationEvent</a> : <a class='noxref' href='#events-Events-Event'>Event</a> {
+interface <a class="noxref" href="#events-Events-MutationEvent">MutationEvent</a> : <a class="noxref" href="#events-Events-Event">Event</a> {
// attrChangeType
- const unsigned short <a class='noxref' href='#events-MODIFICATION'>MODIFICATION</a> = 1;
- const unsigned short <a class='noxref' href='#events-ADDITION'>ADDITION</a> = 2;
- const unsigned short <a class='noxref' href='#events-REMOVAL'>REMOVAL</a> = 3;
-
- readonly attribute Node <a class='noxref' href='#events-Events-MutationEvent-relatedNode'>relatedNode</a>;
- readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-prevValue'>prevValue</a>;
- readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-newValue'>newValue</a>;
- readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-attrName'>attrName</a>;
- readonly attribute unsigned short <a class='noxref' href='#events-Events-MutationEvent-attrChange'>attrChange</a>;
- void <a class='noxref' href='#events-Events-Event-initMutationEvent'>initMutationEvent</a>(in DOMString typeArg,
+ const unsigned short <a class="noxref" href="#events-MODIFICATION">MODIFICATION</a> = 1;
+ const unsigned short <a class="noxref" href="#events-ADDITION">ADDITION</a> = 2;
+ const unsigned short <a class="noxref" href="#events-REMOVAL">REMOVAL</a> = 3;
+
+ readonly attribute Node <a class="noxref" href="#events-Events-MutationEvent-relatedNode">relatedNode</a>;
+ readonly attribute DOMString <a class="noxref" href="#events-Events-MutationEvent-prevValue">prevValue</a>;
+ readonly attribute DOMString <a class="noxref" href="#events-Events-MutationEvent-newValue">newValue</a>;
+ readonly attribute DOMString <a class="noxref" href="#events-Events-MutationEvent-attrName">attrName</a>;
+ readonly attribute unsigned short <a class="noxref" href="#events-Events-MutationEvent-attrChange">attrChange</a>;
+ void <a class="noxref" href="#events-Events-Event-initMutationEvent">initMutationEvent</a>(in DOMString typeArg,
in boolean canBubbleArg,
in boolean cancelableArg,
in Node relatedNodeArg,
@@ -2748,7 +4902,7 @@
in DOMString attrNameArg,
in unsigned short attrChangeArg);
// Introduced in DOM Level 3:
- void <a class='noxref' href='#events-Events-Event-initMutationEventNS'>initMutationEventNS</a>(in DOMString namespaceURIArg,
+ void <a class="noxref" href="#events-Events-Event-initMutationEventNS">initMutationEventNS</a>(in DOMString namespaceURIArg,
in DOMString typeArg,
in boolean canBubbleArg,
in boolean cancelableArg,
@@ -2758,399 +4912,635 @@
in DOMString attrNameArg,
in unsigned short attrChangeArg);
};
-</pre></div>
-<br /></dd>
-<dt><b>Definition group <i><a name='events-Events-MutationEvent-attrChangeType' id='events-Events-MutationEvent-attrChangeType'>attrChangeType</a></i></b></dt>
-<dd>
-<p>An integer indicating in which way the <code>Attr</code> was changed.</p>
-<dl>
-<dt><b>Defined Constants</b></dt>
-<dd>
-<dl>
-<dt><a name='events-ADDITION' id='events-ADDITION'><code class='constant-name'>ADDITION</code></a></dt>
-<dd>The <code>Attr</code> was just added.</dd>
-<dt><a name='events-MODIFICATION' id='events-MODIFICATION'><code class='constant-name'>MODIFICATION</code></a></dt>
-<dd>The <code>Attr</code> was modified in place.</dd>
-<dt><a name='events-REMOVAL' id='events-REMOVAL'><code class='constant-name'>REMOVAL</code></a></dt>
-<dd>The <code>Attr</code> was just removed.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt><b>Attributes</b></dt>
-<dd>
-<dl>
-<dt><code class='attribute-name'><a name='events-Events-MutationEvent-attrChange' id='events-Events-MutationEvent-attrChange'>attrChange</a></code> of type <code>unsigned short</code>, readonly</dt>
-<dd><code>attrChange</code> indicates the type of change which triggered the <a href='#events-event-DOMAttrModified'>DOMAttrModified</a> event. The values can be <code>MODIFICATION</code>, <code>ADDITION</code>, or <code>REMOVAL</code>.<br /></dd>
-<dt><code class='attribute-name'><a name='events-Events-MutationEvent-attrName' id='events-Events-MutationEvent-attrName'>attrName</a></code> of type <code>DOMString</code>, readonly</dt>
-<dd><code>attrName</code> indicates the name of the changed <code>Attr</code> node in a <a href='#events-event-DOMAttrModified'>DOMAttrModified</a> event.<br /></dd>
-<dt><code class='attribute-name'><a name='events-Events-MutationEvent-newValue' id='events-Events-MutationEvent-newValue'>newValue</a></code> of type <code>DOMString</code>, readonly</dt>
-<dd><code>newValue</code> indicates the new value of the <code>Attr</code> node in <a href='#events-event-DOMAttrModified'>DOMAttrModified</a> events, and of the <code>CharacterData</code> node in <a href='#events-event-DOMCharacterDataModified'>DOMCharacterDataModified</a> events.<br /></dd>
-<dt><code class='attribute-name'><a name='events-Events-MutationEvent-prevValue' id='events-Events-MutationEvent-prevValue'>prevValue</a></code> of type <code>DOMString</code>, readonly</dt>
-<dd><code>prevValue</code> indicates the previous value of the <code>Attr</code> node in <a href='#events-event-DOMAttrModified'>DOMAttrModified</a> events, and of the <code>CharacterData</code> node in <a href='#events-event-DOMCharacterDataModified'>DOMCharacterDataModified</a> events.<br /></dd>
-<dt><code class='attribute-name'><a name='events-Events-MutationEvent-relatedNode' id='events-Events-MutationEvent-relatedNode'>relatedNode</a></code> of type <code>Node</code>, readonly</dt>
-<dd><code>relatedNode</code> is used to identify a secondary node related to a mutation event. For example, if a mutation event is dispatched to a node indicating that its parent has changed, the <code>relatedNode</code> is the changed parent. If an event is instead dispatched to a subtree indicating a node was changed within it, the <code>relatedNode</code> is the changed node. In the case of the <a href='#events-event-DOMAttrModified'>DOMAttrModified</a> event it indicates the <code>Attr</code> node which was modified, added, or removed.<br /></dd>
-</dl>
-</dd>
-<dt><b>Methods</b></dt>
-<dd>
-<dl>
-<dt><code class='method-name'><a name='events-Events-Event-initMutationEvent' id='events-Events-Event-initMutationEvent'>initMutationEvent</a></code></dt>
-<dd>
-<div class='method'>Initializes attributes of a <code>MutationEvent</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'>relatedNodeArg</code> of type <code>Node</code></dt>
-<dd>Specifies <a href='#events-Events-MutationEvent-relatedNode'><code>MutationEvent.relatedNode</code></a>.<br /></dd>
-<dt><code class='parameter-name'>prevValueArg</code> of type <code>DOMString</code></dt>
-<dd>Specifies <a href='#events-Events-MutationEvent-prevValue'><code>MutationEvent.prevValue</code></a>. This value may be null.<br /></dd>
-<dt><code class='parameter-name'>newValueArg</code> of type <code>DOMString</code></dt>
-<dd>Specifies <a href='#events-Events-MutationEvent-newValue'><code>MutationEvent.newValue</code></a>. This value may be null.<br /></dd>
-<dt><code class='parameter-name'>attrNameArg</code> of type <code>DOMString</code></dt>
-<dd>Specifies <a href='#events-Events-MutationEvent-attrName'><code>MutationEvent.attrName</code></a>. This value may be null.<br /></dd>
-<dt><code class='parameter-name'>attrChangeArg</code> of type <code>unsigned short</code></dt>
-<dd>Specifies <a href='#events-Events-MutationEvent-attrChange'><code>MutationEvent.attrChange</code></a>. This value may be null.<br /></dd>
-</dl>
-</div>
-</div>
-<!-- parameters -->
-<div><b>No Return Value</b></div>
-<div><b>No Exceptions</b></div>
-</div>
-<!-- method --></dd>
-<dt><code class='method-name'><a name='events-Events-Event-initMutationEventNS' id='events-Events-Event-initMutationEventNS'>initMutationEventNS</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
-<dd>
-<div class='method'>Initializes attributes of a <code>MutationEvent</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'>relatedNodeArg</code> of type <code>Node</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>prevValueArg</code> of type <code>DOMString</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>newValueArg</code> of type <code>DOMString</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>attrNameArg</code> of type <code>DOMString</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>attrChangeArg</code> of type <code>unsigned short</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-</dl>
-</div>
-</div>
-<!-- parameters -->
-<div><b>No Return Value</b></div>
-<div><b>No Exceptions</b></div>
-</div>
-<!-- method --></dd>
-</dl>
-</dd>
-</dl>
-</dd>
-</dl>
-<p>The mutation event types are listed below.</p>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMSubtreeModified' id='events-event-DOMSubtreeModified'></a><a class='noxref' href='#events-event-DOMSubtreeModified'>DOMSubtreeModified</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMSubtreeModified</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>DocumentFragment</code>, <code>Element</code>, <code>Attr</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'>None</td>
-</tr>
-</table>
+</pre>
+ </div>
+ <br/>
+ </dd>
+ <dt>
+ <strong>Definition group <i>
+ <a name="events-Events-MutationEvent-attrChangeType"
+ id="events-Events-MutationEvent-attrChangeType">attrChangeType</a>
+ </i></strong>
+ </dt>
+ <dd>
+ <p>An integer indicating in which way the <code>Attr</code> was changed.</p>
+ <dl>
+ <dt>
+ <strong>Defined Constants</strong>
+ </dt>
+ <dd>
+ <dl>
+ <dt>
+ <a name="events-ADDITION" id="events-ADDITION">
+ <code class="constant-name">ADDITION</code>
+ </a>
+ </dt>
+ <dd>The <code>Attr</code> was just added.</dd>
+ <dt>
+ <a name="events-MODIFICATION" id="events-MODIFICATION">
+ <code class="constant-name">MODIFICATION</code>
+ </a>
+ </dt>
+ <dd>The <code>Attr</code> was modified in place.</dd>
+ <dt>
+ <a name="events-REMOVAL" id="events-REMOVAL">
+ <code class="constant-name">REMOVAL</code>
+ </a>
+ </dt>
+ <dd>The <code>Attr</code> was just removed.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>
+ <strong>Attributes</strong>
+ </dt>
+ <dd>
+ <dl>
+ <dt><code class="attribute-name">
+ <a name="events-Events-MutationEvent-attrChange"
+ id="events-Events-MutationEvent-attrChange">attrChange</a>
+ </code> of type <code>unsigned short</code>, readonly</dt>
+ <dd><code>attrChange</code> indicates the type of change which triggered the <a href="#events-event-DOMAttrModified">DOMAttrModified</a> event. The values can be <code>MODIFICATION</code>, <code>ADDITION</code>, or <code>REMOVAL</code>.<br/></dd>
+ <dt><code class="attribute-name">
+ <a name="events-Events-MutationEvent-attrName"
+ id="events-Events-MutationEvent-attrName">attrName</a>
+ </code> of type <code>DOMString</code>, readonly</dt>
+ <dd><code>attrName</code> indicates the name of the changed <code>Attr</code> node in a <a href="#events-event-DOMAttrModified">DOMAttrModified</a> event.<br/></dd>
+ <dt><code class="attribute-name">
+ <a name="events-Events-MutationEvent-newValue"
+ id="events-Events-MutationEvent-newValue">newValue</a>
+ </code> of type <code>DOMString</code>, readonly</dt>
+ <dd><code>newValue</code> indicates the new value of the <code>Attr</code> node in <a href="#events-event-DOMAttrModified">DOMAttrModified</a> events, and of the <code>CharacterData</code> node in <a href="#events-event-DOMCharacterDataModified">DOMCharacterDataModified</a> events.<br/></dd>
+ <dt><code class="attribute-name">
+ <a name="events-Events-MutationEvent-prevValue"
+ id="events-Events-MutationEvent-prevValue">prevValue</a>
+ </code> of type <code>DOMString</code>, readonly</dt>
+ <dd><code>prevValue</code> indicates the previous value of the <code>Attr</code> node in <a href="#events-event-DOMAttrModified">DOMAttrModified</a> events, and of the <code>CharacterData</code> node in <a href="#events-event-DOMCharacterDataModified">DOMCharacterDataModified</a> events.<br/></dd>
+ <dt><code class="attribute-name">
+ <a name="events-Events-MutationEvent-relatedNode"
+ id="events-Events-MutationEvent-relatedNode">relatedNode</a>
+ </code> of type <code>Node</code>, readonly</dt>
+ <dd><code>relatedNode</code> is used to identify a secondary node related to a mutation event. For example, if a mutation event is dispatched to a node indicating that its parent has changed, the <code>relatedNode</code> is the changed parent. If an event is instead dispatched to a subtree indicating a node was changed within it, the <code>relatedNode</code> is the changed node. In the case of the <a href="#events-event-DOMAttrModified">DOMAttrModified</a> event it indicates the <code>Attr</code> node which was modified, added, or removed.<br/></dd>
+ </dl>
+ </dd>
+ <dt>
+ <strong>Methods</strong>
+ </dt>
+ <dd>
+ <dl>
+ <dt>
+ <code class="method-name">
+ <a name="events-Events-Event-initMutationEvent"
+ id="events-Events-Event-initMutationEvent">initMutationEvent</a>
+ </code>
+ </dt>
+ <dd>
+ <div class="method">Initializes attributes of a <code>MutationEvent</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">relatedNodeArg</code> of type <code>Node</code></dt>
+ <dd>Specifies <a href="#events-Events-MutationEvent-relatedNode">
+ <code>MutationEvent.relatedNode</code>
+ </a>.<br/></dd>
+ <dt><code class="parameter-name">prevValueArg</code> of type <code>DOMString</code></dt>
+ <dd>Specifies <a href="#events-Events-MutationEvent-prevValue">
+ <code>MutationEvent.prevValue</code>
+ </a>. This value may be null.<br/></dd>
+ <dt><code class="parameter-name">newValueArg</code> of type <code>DOMString</code></dt>
+ <dd>Specifies <a href="#events-Events-MutationEvent-newValue">
+ <code>MutationEvent.newValue</code>
+ </a>. This value may be null.<br/></dd>
+ <dt><code class="parameter-name">attrNameArg</code> of type <code>DOMString</code></dt>
+ <dd>Specifies <a href="#events-Events-MutationEvent-attrName">
+ <code>MutationEvent.attrName</code>
+ </a>. This value may be null.<br/></dd>
+ <dt><code class="parameter-name">attrChangeArg</code> of type <code>unsigned short</code></dt>
+ <dd>Specifies <a href="#events-Events-MutationEvent-attrChange">
+ <code>MutationEvent.attrChange</code>
+ </a>. This value may be null.<br/></dd>
+ </dl>
+ </div>
+ </div>
+ <!-- parameters -->
+ <div>
+ <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-initMutationEventNS"
+ id="events-Events-Event-initMutationEventNS">initMutationEventNS</a>
+ </code> introduced in <strong class="since">DOM Level 3</strong></dt>
+ <dd>
+ <div class="method">Initializes attributes of a <code>MutationEvent</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">relatedNodeArg</code> of type <code>Node</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">prevValueArg</code> of type <code>DOMString</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">newValueArg</code> of type <code>DOMString</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">attrNameArg</code> of type <code>DOMString</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">attrChangeArg</code> of type <code>unsigned short</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ </dl>
+ </div>
+ </div>
+ <!-- parameters -->
+ <div>
+ <strong>No Return Value</strong>
+ </div>
+ <div>
+ <strong>No Exceptions</strong>
+ </div>
+ </div>
+ <!-- method -->
+ </dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ </dl>
+ <p>The mutation event types are listed below.</p>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-DOMSubtreeModified" id="events-event-DOMSubtreeModified"> </a>
+ <a class="noxref" href="#events-event-DOMSubtreeModified">DOMSubtreeModified</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>DOMSubtreeModified</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-MutationEvent">
+ <code>MutationEvent</code>
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>DocumentFragment</code>, <code>Element</code>, <code>Attr</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1">None</td>
+ </tr>
+ </table>
This is a general event for notification of all changes to the document. It can be used instead of the more specific mutation and mutation name events listed below. It may be dispatched after a single modification to the document or, at the implementation's discretion, after multiple changes have occurred. The latter use should generally be used to accommodate multiple changes which occur either simultaneously or in rapid succession. The target of this event is the lowest common parent of the changes which have taken place. This event is dispatched after any other events caused by the mutation(s) have occurred.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMNodeInserted' id='events-event-DOMNodeInserted'></a><a class='noxref' href='#events-event-DOMNodeInserted'>DOMNodeInserted</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMNodeInserted</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent-relatedNode'><code>MutationEvent.relatedNode</code></a> holds the parent node of the node that has been inserted or, in case of <code>Attr</code> nodes, the <code>ownerElement</code> of the <code>Attr</code> node.</td>
-</tr>
-</table>
-A node has been added as a child of another node or, in case of <code>Attr</code> nodes, has been added to an <code>Element</code>. This event is dispatched after the insertion has taken place. The <a href='#glossary-dt-target-node'>target node</a> of this event is the node being inserted.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMNodeRemoved' id='events-event-DOMNodeRemoved'></a><a class='noxref' href='#events-event-DOMNodeRemoved'>DOMNodeRemoved</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMNodeRemoved</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent-relatedNode'><code>MutationEvent.relatedNode</code></a> holds the parent node of the node being removed or, in case of <code>Attr</code> nodes, the <code>ownerElement</code> of the <code>Attr</code> node.</td>
-</tr>
-</table>
-A node is being removed from its parent node or, in case of <code>Attr</code> nodes, removed from its <code>ownerElement</code>. This event is dispatched before the removal takes place. The <a href='#glossary-dt-target-node'>target node</a> of this event is the node being removed.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMNodeRemovedFromDocument' id='events-event-DOMNodeRemovedFromDocument'></a><a class='noxref' href='#events-event-DOMNodeRemovedFromDocument'>DOMNodeRemovedFromDocument</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMNodeRemovedFromDocument</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'>None</td>
-</tr>
-</table>
-A node is being removed from a document, either through direct removal of the node or removal of a subtree in which it is contained; <code>Attr</code> nodes are considered part of an <code>Element</code>'s subtree. This event is dispatched before the removal takes place. The <a href='#glossary-dt-target-node'>target node</a> of this event type is the node being removed. If the node is being directly removed, the event type <a href='#events-event-DOMNodeRemoved'>DOMNodeRemoved</a> occurs before this event type.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMNodeInsertedIntoDocument' id='events-event-DOMNodeInsertedIntoDocument'></a><a class='noxref' href='#events-event-DOMNodeInsertedIntoDocument'>DOMNodeInsertedIntoDocument</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMNodeInsertedIntoDocument</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'>None</td>
-</tr>
-</table>
-A node has been inserted into a document, either through direct insertion of the node or insertion of a subtree in which it is contained; <code>Attr</code> nodes are considered part of an <code>Element</code>'s subtree. This event is dispatched after the insertion has taken place. The <a href='#glossary-dt-target-node'>target node</a> of this event is the node being inserted. If the node is being directly inserted, the event type <a href='#events-event-DOMNodeInserted'>DOMNodeInserted</a> occurs before this event type.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMAttrModified' id='events-event-DOMAttrModified'></a><a class='noxref' href='#events-event-DOMAttrModified'>DOMAttrModified</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMAttrModified</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent-attrName'><code>MutationEvent.attrName</code></a> and <a href='#events-Events-MutationEvent-attrChange'><code>MutationEvent.attrChange</code></a> are in use. The value of <a href='#events-Events-MutationEvent-relatedNode'><code>MutationEvent.relatedNode</code></a> indicates the <code>Attr</code> node that has been modified, added, or removed. If the <code>Attr</code> node has been added, <a href='#events-Events-MutationEvent-newValue'><code>MutationEvent.newValue</code></a> is in use. If the <code>Attr</code> node has been removed, <a href='#events-Events-MutationEvent-prevValue'><code>MutationEvent.prevValue</code></a> is in use. If the <code>Attr</code> node has been modified, <a class='noxref' href='#events-Events-MutationEvent-newValue'><code>MutationEvent.newValue</code></a> and <a class='noxref' href='#events-Events-MutationEvent-prevValue'><code>MutationEvent.prevValue</code></a> are in use.</td>
-</tr>
-</table>
-Occurs after <code>Attr.value</code> has been modified and after an <code>Attr</code> node has been added to or removed from an <code>Element</code>. The <a href='#glossary-dt-target-node'>target node</a> of this event is the <code>Element</code> node where the change occured. It is implementation dependent whether this event type occurs when the children of the <code>Attr</code> node are changed in ways that do not affect the value of <code>Attr.value</code>.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMCharacterDataModified' id='events-event-DOMCharacterDataModified'></a><a class='noxref' href='#events-event-DOMCharacterDataModified'>DOMCharacterDataModified</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMCharacterDataModified</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>ProcessingInstruction</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationEvent-prevValue'><code>MutationEvent.prevValue</code></a>, and <a href='#events-Events-MutationEvent-newValue'><code>MutationEvent.newValue</code></a> are in use.</td>
-</tr>
-</table>
-Occurs after <code>CharacterData.data</code> or <code>ProcessingInstruction.data</code> have been modified but the node itself has not been inserted or deleted. The <a href='#glossary-dt-target-node'>target node</a> of this event is the <code>CharacterData</code> node or the <code>ProcessingInstruction</code> node.</dd>
-</dl>
-</div>
-</div>
-<!-- div3 Events-eventgroupings-mutationevents -->
-<div class='div3'><a name='events-Events-eventgroupings-mutationnameevents' id='events-Events-eventgroupings-mutationnameevents'></a>
-<h3 id='events-Events-eventgroupings-mutationnameevents-h3' class='div3'>1.7.8 Mutation name event types</h3>
-<p>This module defines the feature MutationNameEvents 3.0 and depends on the features MutationEvents 3.0 and Core 3.0.</p>
-<dl>
-<dt><b>Interface <i><a name='events-Events-MutationNameEvent' id='events-Events-MutationNameEvent'>MutationNameEvent</a></i></b> (introduced in <b class='since'>DOM Level 3</b>)</dt>
-<dd>
-<p>The <code>MutationNameEvent</code> interface provides specific contextual information associated with Mutation name event types.</p>
-<p>To create an instance of the <code>MutationNameEvent</code> interface, use the <code>Document.createEvent("MutationNameEvent")</code> method call.</p>
-<dl>
-<dt><br />
-<b>IDL Definition</b></dt>
-<dd>
-<div class='idl-code'>
-<pre>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-DOMNodeInserted" id="events-event-DOMNodeInserted"> </a>
+ <a class="noxref" href="#events-event-DOMNodeInserted">DOMNodeInserted</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>DOMNodeInserted</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-MutationEvent">
+ <code>MutationEvent</code>
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1"><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-MutationEvent-relatedNode">
+ <code>MutationEvent.relatedNode</code>
+ </a> holds the parent node of the node that has been inserted or, in case of <code>Attr</code> nodes, the <code>ownerElement</code> of the <code>Attr</code> node.</td>
+ </tr>
+ </table>
+A node has been added as a child of another node or, in case of <code>Attr</code> nodes, has been added to an <code>Element</code>. This event is dispatched after the insertion has taken place. The <a href="#glossary-dt-target-node">target node</a> of this event is the node being inserted.</dd>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-DOMNodeRemoved" id="events-event-DOMNodeRemoved"> </a>
+ <a class="noxref" href="#events-event-DOMNodeRemoved">DOMNodeRemoved</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>DOMNodeRemoved</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-MutationEvent">
+ <code>MutationEvent</code>
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1"><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-MutationEvent-relatedNode">
+ <code>MutationEvent.relatedNode</code>
+ </a> holds the parent node of the node being removed or, in case of <code>Attr</code> nodes, the <code>ownerElement</code> of the <code>Attr</code> node.</td>
+ </tr>
+ </table>
+A node is being removed from its parent node or, in case of <code>Attr</code> nodes, removed from its <code>ownerElement</code>. This event is dispatched before the removal takes place. The <a href="#glossary-dt-target-node">target node</a> of this event is the node being removed.</dd>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-DOMNodeRemovedFromDocument"
+ id="events-event-DOMNodeRemovedFromDocument"/>
+ <a class="noxref" href="#events-event-DOMNodeRemovedFromDocument">DOMNodeRemovedFromDocument</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>DOMNodeRemovedFromDocument</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-MutationEvent">
+ <code>MutationEvent</code>
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1"><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1">None</td>
+ </tr>
+ </table>
+A node is being removed from a document, either through direct removal of the node or removal of a subtree in which it is contained; <code>Attr</code> nodes are considered part of an <code>Element</code>'s subtree. This event is dispatched before the removal takes place. The <a href="#glossary-dt-target-node">target node</a> of this event type is the node being removed. If the node is being directly removed, the event type <a href="#events-event-DOMNodeRemoved">DOMNodeRemoved</a> occurs before this event type.</dd>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-DOMNodeInsertedIntoDocument"
+ id="events-event-DOMNodeInsertedIntoDocument"/>
+ <a class="noxref" href="#events-event-DOMNodeInsertedIntoDocument">DOMNodeInsertedIntoDocument</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>DOMNodeInsertedIntoDocument</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-MutationEvent">
+ <code>MutationEvent</code>
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1"><code>Element</code>, <code>Attr</code>, <code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>DocumentType</code>, <code>EntityReference</code>, <code>ProcessingInstruction</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1">None</td>
+ </tr>
+ </table>
+A node has been inserted into a document, either through direct insertion of the node or insertion of a subtree in which it is contained; <code>Attr</code> nodes are considered part of an <code>Element</code>'s subtree. This event is dispatched after the insertion has taken place. The <a href="#glossary-dt-target-node">target node</a> of this event is the node being inserted. If the node is being directly inserted, the event type <a href="#events-event-DOMNodeInserted">DOMNodeInserted</a> occurs before this event type.</dd>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-DOMAttrModified" id="events-event-DOMAttrModified"> </a>
+ <a class="noxref" href="#events-event-DOMAttrModified">DOMAttrModified</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>DOMAttrModified</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-MutationEvent">
+ <code>MutationEvent</code>
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1">
+ <code>Element</code>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-MutationEvent-attrName">
+ <code>MutationEvent.attrName</code>
+ </a> and <a href="#events-Events-MutationEvent-attrChange">
+ <code>MutationEvent.attrChange</code>
+ </a> are in use. The value of <a href="#events-Events-MutationEvent-relatedNode">
+ <code>MutationEvent.relatedNode</code>
+ </a> indicates the <code>Attr</code> node that has been modified, added, or removed. If the <code>Attr</code> node has been added, <a href="#events-Events-MutationEvent-newValue">
+ <code>MutationEvent.newValue</code>
+ </a> is in use. If the <code>Attr</code> node has been removed, <a href="#events-Events-MutationEvent-prevValue">
+ <code>MutationEvent.prevValue</code>
+ </a> is in use. If the <code>Attr</code> node has been modified, <a class="noxref" href="#events-Events-MutationEvent-newValue">
+ <code>MutationEvent.newValue</code>
+ </a> and <a class="noxref" href="#events-Events-MutationEvent-prevValue">
+ <code>MutationEvent.prevValue</code>
+ </a> are in use.</td>
+ </tr>
+ </table>
+Occurs after <code>Attr.value</code> has been modified and after an <code>Attr</code> node has been added to or removed from an <code>Element</code>. The <a href="#glossary-dt-target-node">target node</a> of this event is the <code>Element</code> node where the change occured. It is implementation dependent whether this event type occurs when the children of the <code>Attr</code> node are changed in ways that do not affect the value of <code>Attr.value</code>.</dd>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-DOMCharacterDataModified"
+ id="events-event-DOMCharacterDataModified"/>
+ <a class="noxref" href="#events-event-DOMCharacterDataModified">DOMCharacterDataModified</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>DOMCharacterDataModified</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-MutationEvent">
+ <code>MutationEvent</code>
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1"><code>Text</code>, <code>Comment</code>, <code>CDATASection</code>, <code>ProcessingInstruction</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-MutationEvent-prevValue">
+ <code>MutationEvent.prevValue</code>
+ </a>, and <a href="#events-Events-MutationEvent-newValue">
+ <code>MutationEvent.newValue</code>
+ </a> are in use.</td>
+ </tr>
+ </table>
+Occurs after <code>CharacterData.data</code> or <code>ProcessingInstruction.data</code> have been modified but the node itself has not been inserted or deleted. The <a href="#glossary-dt-target-node">target node</a> of this event is the <code>CharacterData</code> node or the <code>ProcessingInstruction</code> node.</dd>
+ </dl>
+ </div>
+ </div>
+ <!-- div3 Events-eventgroupings-mutationevents -->
+ <div class="div3">
+ <a name="events-Events-eventgroupings-mutationnameevents"
+ id="events-Events-eventgroupings-mutationnameevents"/>
+ <h3 id="events-Events-eventgroupings-mutationnameevents-h3" class="div3">1.7.8 Mutation name event types</h3>
+ <p>This module defines the feature MutationNameEvents 3.0 and depends on the features MutationEvents 3.0 and Core 3.0.</p>
+ <dl>
+ <dt><strong>Interface <i>
+ <a name="events-Events-MutationNameEvent" id="events-Events-MutationNameEvent">MutationNameEvent</a>
+ </i></strong> (introduced in <strong class="since">DOM Level 3</strong>)</dt>
+ <dd>
+ <p>The <code>MutationNameEvent</code> interface provides specific contextual information associated with Mutation name event types.</p>
+ <p>To create an instance of the <code>MutationNameEvent</code> interface, use the <code>Document.createEvent("MutationNameEvent")</code> method call.</p>
+ <dl>
+ <dt>
+ <br/>
+ <strong>IDL Definition</strong>
+ </dt>
+ <dd>
+ <div class="idl-code">
+ <pre>
// Introduced in DOM Level 3:
-interface <a class='noxref' href='#events-Events-MutationNameEvent'>MutationNameEvent</a> : <a class='noxref' href='#events-Events-MutationEvent'>MutationEvent</a> {
- readonly attribute DOMString <a class='noxref' href='#events-Events-MutationNameEvent-prevNamespaceURI'>prevNamespaceURI</a>;
- readonly attribute DOMString <a class='noxref' href='#events-Events-MutationNameEvent-prevNodeName'>prevNodeName</a>;
+interface <a class="noxref" href="#events-Events-MutationNameEvent">MutationNameEvent</a> : <a class="noxref" href="#events-Events-MutationEvent">MutationEvent</a> {
+ readonly attribute DOMString <a class="noxref" href="#events-Events-MutationNameEvent-prevNamespaceURI">prevNamespaceURI</a>;
+ readonly attribute DOMString <a class="noxref" href="#events-Events-MutationNameEvent-prevNodeName">prevNodeName</a>;
// Introduced in DOM Level 3:
- void <a class='noxref' href='#events-Events-Event-initMutationNameEvent'>initMutationNameEvent</a>(in DOMString typeArg,
+ void <a class="noxref" href="#events-Events-Event-initMutationNameEvent">initMutationNameEvent</a>(in DOMString typeArg,
in boolean canBubbleArg,
in boolean cancelableArg,
in Node relatedNodeArg,
in DOMString prevNamespaceURIArg,
in DOMString prevNodeNameArg);
// Introduced in DOM Level 3:
- void <a class='noxref' href='#events-Events-Event-initMutationNameEventNS'>initMutationNameEventNS</a>(in DOMString namespaceURIArg,
+ void <a class="noxref" href="#events-Events-Event-initMutationNameEventNS">initMutationNameEventNS</a>(in DOMString namespaceURIArg,
in DOMString typeArg,
in boolean canBubbleArg,
in boolean cancelableArg,
@@ -3158,1174 +5548,1927 @@
in DOMString prevNamespaceURIArg,
in DOMString prevNodeNameArg);
};
-</pre></div>
-<br /></dd>
-<dt><b>Attributes</b></dt>
-<dd>
-<dl>
-<dt><code class='attribute-name'><a name='events-Events-MutationNameEvent-prevNamespaceURI' id='events-Events-MutationNameEvent-prevNamespaceURI'>prevNamespaceURI</a></code> of type <code>DOMString</code>, readonly</dt>
-<dd>The previous value of the <code>relatedNode</code>'s <code>namespaceURI</code>.<br /></dd>
-<dt><code class='attribute-name'><a name='events-Events-MutationNameEvent-prevNodeName' id='events-Events-MutationNameEvent-prevNodeName'>prevNodeName</a></code> of type <code>DOMString</code>, readonly</dt>
-<dd>The previous value of the <code>relatedNode</code>'s <code>nodeName</code>.<br /></dd>
-</dl>
-</dd>
-<dt><b>Methods</b></dt>
-<dd>
-<dl>
-<dt><code class='method-name'><a name='events-Events-Event-initMutationNameEvent' id='events-Events-Event-initMutationNameEvent'>initMutationNameEvent</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
-<dd>
-<div class='method'>Initializes attributes of a <code>MutationNameEvent</code> object. This method has the same behavior as <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a>.
-<div class='parameters'><b>Parameters</b>
-<div class='paramtable'>
-<dl>
-<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>relatedNodeArg</code> of type <code>Node</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>prevNamespaceURIArg</code> of type <code>DOMString</code></dt>
-<dd>Specifies <a href='#events-Events-MutationNameEvent-prevNamespaceURI'><code>MutationNameEvent.prevNamespaceURI</code></a>. This value may be <code>null</code>.<br /></dd>
-<dt><code class='parameter-name'>prevNodeNameArg</code> of type <code>DOMString</code></dt>
-<dd>Specifies <a href='#events-Events-MutationNameEvent-prevNodeName'><code>MutationNameEvent.prevNodeName</code></a>.<br /></dd>
-</dl>
-</div>
-</div>
-<!-- parameters -->
-<div><b>No Return Value</b></div>
-<div><b>No Exceptions</b></div>
-</div>
-<!-- method --></dd>
-<dt><code class='method-name'><a name='events-Events-Event-initMutationNameEventNS' id='events-Events-Event-initMutationNameEventNS'>initMutationNameEventNS</a></code> introduced in <b class='since'>DOM Level 3</b></dt>
-<dd>
-<div class='method'>Initializes attributes of a <code>MutationNameEvent</code> object. This method has the same behavior as <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a>.
-<div class='parameters'><b>Parameters</b>
-<div class='paramtable'>
-<dl>
-<dt><code class='parameter-name'>namespaceURIArg</code> of type <code>DOMString</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>typeArg</code> of type <code>DOMString</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>canBubbleArg</code> of type <code>boolean</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>cancelableArg</code> of type <code>boolean</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>relatedNodeArg</code> of type <code>Node</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>prevNamespaceURIArg</code> of type <code>DOMString</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-<dt><code class='parameter-name'>prevNodeNameArg</code> of type <code>DOMString</code></dt>
-<dd>Refer to the <a href='#events-Events-Event-initMutationEvent'><code>MutationEvent.initMutationEvent()</code></a> method for a description of this parameter.<br /></dd>
-</dl>
-</div>
-</div>
-<!-- parameters -->
-<div><b>No Return Value</b></div>
-<div><b>No Exceptions</b></div>
-</div>
-<!-- method --></dd>
-</dl>
-</dd>
-</dl>
-</dd>
-</dl>
-<p>The mutation name event types are listed below.</p>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMElementNameChanged' id='events-event-DOMElementNameChanged'></a><a class='noxref' href='#events-event-DOMElementNameChanged'>DOMElementNameChanged</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMElementNameChanged</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationNameEvent'><code>MutationNameEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationNameEvent-prevNamespaceURI'><code>MutationNameEvent.prevNamespaceURI</code></a>, and <a href='#events-Events-MutationNameEvent-prevNodeName'><code>MutationNameEvent.prevNodeName</code></a> are in use.</td>
-</tr>
-</table>
-Occurs after the <code>namespaceURI</code> and/or the <code>nodeName</code> of an <code>Element</code> node have been modified (e.g., the element was renamed using <code>Document.renameNode()</code>). The <a href='#glossary-dt-target-node'>target node</a> of this event is the renamed <code>Element</code> node.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-DOMAttributeNameChanged' id='events-event-DOMAttributeNameChanged'></a><a class='noxref' href='#events-event-DOMAttributeNameChanged'>DOMAttributeNameChanged</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>DOMAttributeNameChanged</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationNameEvent'><code>MutationNameEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-MutationNameEvent-prevNamespaceURI'><code>MutationNameEvent.prevNamespaceURI</code></a>, and <a href='#events-Events-MutationNameEvent-prevNodeName'><code>MutationNameEvent.prevNodeName</code></a> are in use. The value of <a href='#events-Events-MutationEvent-relatedNode'><code>MutationEvent.relatedNode</code></a> contains the renamed <code>Attr</code> node.</td>
-</tr>
-</table>
-Occurs after the <code>namespaceURI</code> and/or the <code>nodeName</code> of a <code>Attr</code> node have been modified (e.g., the attribute was renamed using <code>Document.renameNode()</code>). The <a href='#glossary-dt-target-node'>target node</a> of this event is the <code>Element</code> node whose <code>Attr</code> has been renamed.</dd>
-</dl>
-</div>
-</div>
-<!-- div3 Events-eventgroupings-mutationnameevents -->
-<div class='div3'><a name='events-Events-eventgroupings-basicevents' id='events-Events-eventgroupings-basicevents'></a>
-<h3 id='events-Events-eventgroupings-basicevents-h3' class='div3'>1.7.9 Basic event types</h3>
-<p>This event module contains basic event types associated with document manipulation. It defines the feature BasicEvents 3.0 and depends on the feature Events 3.0. The basic event types are listed below.</p>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-load' id='events-event-load'></a><a class='noxref' href='#events-event-load'>load</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>load</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a> if generated from a user interface, <a href='#events-Events-Event'><code>Event</code></a> otherwise.</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
-</tr>
-</table>
+</pre>
+ </div>
+ <br/>
+ </dd>
+ <dt>
+ <strong>Attributes</strong>
+ </dt>
+ <dd>
+ <dl>
+ <dt><code class="attribute-name">
+ <a name="events-Events-MutationNameEvent-prevNamespaceURI"
+ id="events-Events-MutationNameEvent-prevNamespaceURI">prevNamespaceURI</a>
+ </code> of type <code>DOMString</code>, readonly</dt>
+ <dd>The previous value of the <code>relatedNode</code>'s <code>namespaceURI</code>.<br/></dd>
+ <dt><code class="attribute-name">
+ <a name="events-Events-MutationNameEvent-prevNodeName"
+ id="events-Events-MutationNameEvent-prevNodeName">prevNodeName</a>
+ </code> of type <code>DOMString</code>, readonly</dt>
+ <dd>The previous value of the <code>relatedNode</code>'s <code>nodeName</code>.<br/></dd>
+ </dl>
+ </dd>
+ <dt>
+ <strong>Methods</strong>
+ </dt>
+ <dd>
+ <dl>
+ <dt><code class="method-name">
+ <a name="events-Events-Event-initMutationNameEvent"
+ id="events-Events-Event-initMutationNameEvent">initMutationNameEvent</a>
+ </code> introduced in <strong class="since">DOM Level 3</strong></dt>
+ <dd>
+ <div class="method">Initializes attributes of a <code>MutationNameEvent</code> object. This method has the same behavior as <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</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-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">canBubbleArg</code> of type <code>boolean</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">cancelableArg</code> of type <code>boolean</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">relatedNodeArg</code> of type <code>Node</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">prevNamespaceURIArg</code> of type <code>DOMString</code></dt>
+ <dd>Specifies <a href="#events-Events-MutationNameEvent-prevNamespaceURI">
+ <code>MutationNameEvent.prevNamespaceURI</code>
+ </a>. This value may be <code>null</code>.<br/></dd>
+ <dt><code class="parameter-name">prevNodeNameArg</code> of type <code>DOMString</code></dt>
+ <dd>Specifies <a href="#events-Events-MutationNameEvent-prevNodeName">
+ <code>MutationNameEvent.prevNodeName</code>
+ </a>.<br/></dd>
+ </dl>
+ </div>
+ </div>
+ <!-- parameters -->
+ <div>
+ <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-initMutationNameEventNS"
+ id="events-Events-Event-initMutationNameEventNS">initMutationNameEventNS</a>
+ </code> introduced in <strong class="since">DOM Level 3</strong></dt>
+ <dd>
+ <div class="method">Initializes attributes of a <code>MutationNameEvent</code> object. This method has the same behavior as <a href="#events-Events-Event-initMutationEventNS">
+ <code>MutationEvent.initMutationEventNS()</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-initMutationEventNS">
+ <code>MutationEvent.initMutationEventNS()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">typeArg</code> of type <code>DOMString</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEventNS">
+ <code>MutationEvent.initMutationEventNS()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">canBubbleArg</code> of type <code>boolean</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEventNS">
+ <code>MutationEvent.initMutationEventNS()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">cancelableArg</code> of type <code>boolean</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEventNS">
+ <code>MutationEvent.initMutationEventNS()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">relatedNodeArg</code> of type <code>Node</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEventNS">
+ <code>MutationEvent.initMutationEventNS()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">prevNamespaceURIArg</code> of type <code>DOMString</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ <dt><code class="parameter-name">prevNodeNameArg</code> of type <code>DOMString</code></dt>
+ <dd>Refer to the <a href="#events-Events-Event-initMutationEvent">
+ <code>MutationEvent.initMutationEvent()</code>
+ </a> method for a description of this parameter.<br/></dd>
+ </dl>
+ </div>
+ </div>
+ <!-- parameters -->
+ <div>
+ <strong>No Return Value</strong>
+ </div>
+ <div>
+ <strong>No Exceptions</strong>
+ </div>
+ </div>
+ <!-- method -->
+ </dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ </dl>
+ <p>The mutation name event types are listed below.</p>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-DOMElementNameChanged" id="events-event-DOMElementNameChanged"> </a>
+ <a class="noxref" href="#events-event-DOMElementNameChanged">DOMElementNameChanged</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>DOMElementNameChanged</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-MutationNameEvent">
+ <code>MutationNameEvent</code>
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1">
+ <code>Element</code>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-MutationNameEvent-prevNamespaceURI">
+ <code>MutationNameEvent.prevNamespaceURI</code>
+ </a>, and <a href="#events-Events-MutationNameEvent-prevNodeName">
+ <code>MutationNameEvent.prevNodeName</code>
+ </a> are in use.</td>
+ </tr>
+ </table>
+Occurs after the <code>namespaceURI</code> and/or the <code>nodeName</code> of an <code>Element</code> node have been modified (e.g., the element was renamed using <code>Document.renameNode()</code>). The <a href="#glossary-dt-target-node">target node</a> of this event is the renamed <code>Element</code> node.</dd>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-DOMAttributeNameChanged"
+ id="events-event-DOMAttributeNameChanged"/>
+ <a class="noxref" href="#events-event-DOMAttributeNameChanged">DOMAttributeNameChanged</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>DOMAttributeNameChanged</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-MutationNameEvent">
+ <code>MutationNameEvent</code>
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1">
+ <code>Element</code>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-MutationNameEvent-prevNamespaceURI">
+ <code>MutationNameEvent.prevNamespaceURI</code>
+ </a>, and <a href="#events-Events-MutationNameEvent-prevNodeName">
+ <code>MutationNameEvent.prevNodeName</code>
+ </a> are in use. The value of <a href="#events-Events-MutationEvent-relatedNode">
+ <code>MutationEvent.relatedNode</code>
+ </a> contains the renamed <code>Attr</code> node.</td>
+ </tr>
+ </table>
+Occurs after the <code>namespaceURI</code> and/or the <code>nodeName</code> of a <code>Attr</code> node have been modified (e.g., the attribute was renamed using <code>Document.renameNode()</code>). The <a href="#glossary-dt-target-node">target node</a> of this event is the <code>Element</code> node whose <code>Attr</code> has been renamed.</dd>
+ </dl>
+ </div>
+ </div>
+ <!-- div3 Events-eventgroupings-mutationnameevents -->
+ <div class="div3">
+ <a name="events-Events-eventgroupings-basicevents"
+ id="events-Events-eventgroupings-basicevents"/>
+ <h3 id="events-Events-eventgroupings-basicevents-h3" class="div3">1.7.9 Basic event types</h3>
+ <p>This event module contains basic event types associated with document manipulation. It defines the feature BasicEvents 3.0 and depends on the feature Events 3.0. The basic event types are listed below.</p>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-load" id="events-event-load"> </a>
+ <a class="noxref" href="#events-event-load">load</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>load</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> if generated from a user interface, <a href="#events-Events-Event">
+ <code>Event</code>
+ </a> otherwise.</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>Element</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-UIEvent-view">
+ <code>UIEvent.view</code>
+ </a> may be in use.</td>
+ </tr>
+ </table>
The DOM Implementation finishes loading the resource (such as the document) and any dependent resources (such as images, style sheets, or scripts). Dependent resources that fail to load will not prevent this event from firing if the resource that loaded them is still accessible via the DOM. If this event type is dispatched, implementations are required to dispatch this event at least on the <code>Document</code> node.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-unload' id='events-event-unload'></a><a class='noxref' href='#events-event-unload'>unload</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>unload</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a> if generated from a user interface, <a href='#events-Events-Event'><code>Event</code></a> otherwise.</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
-</tr>
-</table>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-unload" id="events-event-unload"> </a>
+ <a class="noxref" href="#events-event-unload">unload</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>unload</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> if generated from a user interface, <a href="#events-Events-Event">
+ <code>Event</code>
+ </a> otherwise.</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1"><code>Document</code>, <code>Element</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-UIEvent-view">
+ <code>UIEvent.view</code>
+ </a> may be in use.</td>
+ </tr>
+ </table>
The DOM implementation removes from the environment the resource (such as the document) or any dependent resources (such as images, style sheets, scripts). The document is unloaded after the dispatch of this event type. If this event type is dispatched, implementations are required to dispatch this event at least on the <code>Document</code> node.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-abort' id='events-event-abort'></a><a class='noxref' href='#events-event-abort'>abort</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>abort</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a> if generated from a user interface, <a href='#events-Events-Event'><code>Event</code></a> otherwise.</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
-</tr>
-</table>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-abort" id="events-event-abort"> </a>
+ <a class="noxref" href="#events-event-abort">abort</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>abort</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> if generated from a user interface, <a href="#events-Events-Event">
+ <code>Event</code>
+ </a> otherwise.</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1">
+ <code>Element</code>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-UIEvent-view">
+ <code>UIEvent.view</code>
+ </a> may be in use.</td>
+ </tr>
+ </table>
Loading of a resource has been aborted.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-error' id='events-event-error'></a><a class='noxref' href='#events-event-error'>error</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>error</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a> if generated from a user interface, <a href='#events-Events-Event'><code>Event</code></a> otherwise.</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
-</tr>
-</table>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-error" id="events-event-error"> </a>
+ <a class="noxref" href="#events-event-error">error</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>error</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> if generated from a user interface, <a href="#events-Events-Event">
+ <code>Event</code>
+ </a> otherwise.</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1">
+ <code>Element</code>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-UIEvent-view">
+ <code>UIEvent.view</code>
+ </a> may be in use.</td>
+ </tr>
+ </table>
A resource failed to load, or has been loaded but cannot be interpreted according to its semantics such as an invalid image, a script execution error, or non-well-formed XML.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-select' id='events-event-select'></a><a class='noxref' href='#events-event-select'>select</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>select</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a> if generated from a user interface, <a href='#events-Events-Event'><code>Event</code></a> otherwise.</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
-</tr>
-</table>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-select" id="events-event-select"> </a>
+ <a class="noxref" href="#events-event-select">select</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>select</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> if generated from a user interface, <a href="#events-Events-Event">
+ <code>Event</code>
+ </a> otherwise.</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1">
+ <code>Element</code>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-UIEvent-view">
+ <code>UIEvent.view</code>
+ </a> may be in use.</td>
+ </tr>
+ </table>
A user selects some text. DOM Level 3 Events does not provide contextual information to access the selected text. The selection occured before the dispatch of this event type.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-change' id='events-event-change'></a><a class='noxref' href='#events-event-change'>change</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>change</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a> if generated from a user interface, <a href='#events-Events-Event'><code>Event</code></a> otherwise.</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
-</tr>
-</table>
-A control loses the input focus and its value has been modified since gaining focus. This event type is dispatched before the event type <a href='#events-event-blur'>blur</a>.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-submit' id='events-event-submit'></a><a class='noxref' href='#events-event-submit'>submit</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>submit</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a> if generated from a user interface, <a href='#events-Events-Event'><code>Event</code></a> otherwise.</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
-</tr>
-</table>
-A form, such as a [<cite><a class='noxref informative' href='#references-HTML40'>HTML 4.01</a></cite>] or [<cite><a class='noxref informative' href='#references-XHTML10'>XHTML 1.0</a></cite>] form, is submitted.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-reset' id='events-event-reset'></a><a class='noxref' href='#events-event-reset'>reset</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>reset</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a> if generated from a user interface, <a href='#events-Events-Event'><code>Event</code></a> otherwise.</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> may be in use.</td>
-</tr>
-</table>
-A form, such as a [<cite><a class='noxref informative' href='#references-HTML40'>HTML 4.01</a></cite>] or [<cite><a class='noxref informative' href='#references-XHTML10'>XHTML 1.0</a></cite>] form, is reset.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-resize' id='events-event-resize'></a><a class='noxref' href='#events-event-resize'>resize</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>resize</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> is in use.</td>
-</tr>
-</table>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-change" id="events-event-change"> </a>
+ <a class="noxref" href="#events-event-change">change</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>change</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> if generated from a user interface, <a href="#events-Events-Event">
+ <code>Event</code>
+ </a> otherwise.</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">No</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1">
+ <code>Element</code>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-UIEvent-view">
+ <code>UIEvent.view</code>
+ </a> may be in use.</td>
+ </tr>
+ </table>
+A control loses the input focus and its value has been modified since gaining focus. This event type is dispatched before the event type <a href="#events-event-blur">blur</a>.</dd>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-submit" id="events-event-submit"> </a>
+ <a class="noxref" href="#events-event-submit">submit</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>submit</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> if generated from a user interface, <a href="#events-Events-Event">
+ <code>Event</code>
+ </a> otherwise.</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1">
+ <code>Element</code>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-UIEvent-view">
+ <code>UIEvent.view</code>
+ </a> may be in use.</td>
+ </tr>
+ </table>
+A form, such as a [<cite>
+ <a class="noxref informative" href="#references-HTML40">HTML 4.01</a>
+ </cite>] or [<cite>
+ <a class="noxref informative" href="#references-XHTML10">XHTML 1.0</a>
+ </cite>] form, is submitted.</dd>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-reset" id="events-event-reset"> </a>
+ <a class="noxref" href="#events-event-reset">reset</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>reset</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> if generated from a user interface, <a href="#events-Events-Event">
+ <code>Event</code>
+ </a> otherwise.</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Cancelable</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Bubbles</th>
+ <td valign="top" rowspan="1" colspan="1">Yes</td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Target</th>
+ <td valign="top" rowspan="1" colspan="1">
+ <code>Element</code>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-UIEvent-view">
+ <code>UIEvent.view</code>
+ </a> may be in use.</td>
+ </tr>
+ </table>
+A form, such as a [<cite>
+ <a class="noxref informative" href="#references-HTML40">HTML 4.01</a>
+ </cite>] or [<cite>
+ <a class="noxref informative" href="#references-XHTML10">XHTML 1.0</a>
+ </cite>] form, is reset.</dd>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-resize" id="events-event-resize"> </a>
+ <a class="noxref" href="#events-event-resize">resize</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>resize</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>Document</code>, <code>Element</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-UIEvent-view">
+ <code>UIEvent.view</code>
+ </a> is in use.</td>
+ </tr>
+ </table>
A document view or an element has been resized. The resize occured before the dispatch of this event type.</dd>
-</dl>
-</div>
-<div class='event-definition'>
-<dl>
-<dt><a name='events-event-scroll' id='events-event-scroll'></a><a class='noxref' href='#events-event-scroll'>scroll</a></dt>
-<dd>
-<table border='0' summary='This table contains information about the semantics of the given event type' cellpadding='2' cellspacing='0'>
-<tr>
-<th rowspan='1' colspan='1'>Type</th>
-<td bgcolor='#CFCFCF' rowspan='1' colspan='1'><b><code>scroll</code></b></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Namespace</th>
-<td valign='top' rowspan='1' colspan='1'><code>None</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Interface</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent'><code>UIEvent</code></a></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Cancelable</th>
-<td valign='top' rowspan='1' colspan='1'>No</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Bubbles</th>
-<td valign='top' rowspan='1' colspan='1'>Yes</td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Target</th>
-<td valign='top' rowspan='1' colspan='1'><code>Document</code>, <code>Element</code></td>
-</tr>
-<tr>
-<th rowspan='1' colspan='1'>Context info</th>
-<td valign='top' rowspan='1' colspan='1'><a href='#events-Events-UIEvent-view'><code>UIEvent.view</code></a> is in use.</td>
-</tr>
-</table>
+ </dl>
+ </div>
+ <div class="event-definition">
+ <dl>
+ <dt>
+ <a name="events-event-scroll" id="events-event-scroll"> </a>
+ <a class="noxref" href="#events-event-scroll">scroll</a>
+ </dt>
+ <dd>
+ <table border="0"
+ summary="This table contains information about the semantics of the given event type"
+ cellpadding="2" cellspacing="0">
+ <tr>
+ <th rowspan="1" colspan="1">Type</th>
+ <td bgcolor="#CFCFCF" rowspan="1" colspan="1">
+ <strong>
+ <code>scroll</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>Document</code>, <code>Element</code></td>
+ </tr>
+ <tr>
+ <th rowspan="1" colspan="1">Context info</th>
+ <td valign="top" rowspan="1" colspan="1"><a href="#events-Events-UIEvent-view">
+ <code>UIEvent.view</code>
+ </a> is in use.</td>
+ </tr>
+ </table>
A document view or an element has been scrolled. The scroll occured before the dispatch of this event type.</dd>
-</dl>
-</div>
-</div>
-<!-- div3 Events-eventgroupings-basicevents --></div>
-<!-- div2 Events-eventgroupings --></div>
-<!-- div1 Events -->
-<a id='keyset' name='keyset'></a>
-<div class='noprint' style='text-align: right'>
-<p style='font-family: monospace;font-size:small'>January 2008</p>
-</div>
-<div class='div1'><a name='keyset-KeySet' id='keyset-KeySet'></a>
-<h1 id='keyset-KeySet-h1' class='adiv1'>Appendix A: Keyboard events and key identifiers</h1>
-<dl>
-<dt><i>Editors</i>:</dt>
-<dd><a href='http://bjoern.hoehrmann.de/'>Björn Höhrmann</a></dd>
-<dd>Philippe Le Hégaret, W3C (until November 2003)</dd>
-</dl>
-<div class='noprint'>
-<h2 id='keyset-table-of-contents'>Table of Contents</h2>
-<ul class='toc'>
-<li class='tocline3'><a class='tocxref' href='#keyset-KeySet-intro'>A.1 Introduction</a>
-<ul class='toc'>
-<li class='tocline4'><a class='tocxref' href='#keyset-Modifiers'>A.1.1 Modifier keys</a></li>
-<li class='tocline4'><a class='tocxref' href='#keyset-DeadKeys'>A.1.2 Dead keys</a></li>
-<li class='tocline4'><a class='tocxref' href='#keyset-IME'>A.1.3 Input Method Editors</a></li>
-<li class='tocline4'><a class='tocxref' href='#keyset-cancelable_keys'>A.1.4 Default actions and cancelable keyboard events</a></li>
-<li class='tocline4'><a class='tocxref' href='#keyset-Guide'>A.1.5 Guidelines for defining key identifiers</a></li>
-</ul>
-</li>
-<li class='tocline3'><a class='tocxref' href='#keyset-KeySet-Set'>A.2 Key identifiers set</a></li>
-</ul>
-</div>
-<p class='first'>(This part of the specification is likely to be moved to a separate specification on keyboard events.)</p>
-<p>This section contains necessary information regarding keyboard events:</p>
-<ul>
-<li>Relations between keys, such as dead keys or modifiers keys.</li>
-<li>Relations between keyboard events, their default actions, and text events.</li>
-<li>The set of key identifiers, and guidelines on how to extend this set.</li>
-</ul>
-<p><b>Note:</b> This section uses serbian and kanji characters which are not always available (or are misrepresented) in the alternative versions or printed versions of this specification.</p>
-<div class='div2'><a name='keyset-KeySet-intro' id='keyset-KeySet-intro'></a>
-<h2 id='keyset-KeySet-intro-h2' class='adiv2'>A.1 Introduction</h2>
-<p>Each keyboard event references a key using a <code>DOMString</code> key identifier. The set contained in this appendix is based on the sets of keycodes from:</p>
-<ul>
-<li>the interface <code>java.awt.event.KeyEvent</code> of the Java 2 Platform v1.4 [<cite><a class='noxref informative' href='#references-KeyEvent'>KeyEvent for Java</a></cite>];</li>
-<li>the enumeration <code>System.Windows.Forms.Keys</code> of the Microsoft .NET Framework 1.0 [<cite><a class='noxref informative' href='#references-Keys'>Keys enumeration for .Net</a></cite>].</li>
-</ul>
-<p>While implementations are recommended to use the most relevant identifier for a key independently of the platform or keyboard layout mappings, DOM applications should not make assumption on the ability of keyboard devices to generate them. When using keyboard events, <cite>"consider using numbers and function keys (F4, F5, and so on) instead of letters in shortcut-key combinations"</cite> ([<cite><a class='noxref informative' href='#references-DWW95'>DWW95</a></cite>]) given that most keyboard layouts will provide keys for those.</p>
-<p><code>"U+0000"</code>, <code>"U+0001"</code>, ..., <code>"U+10FFFF"</code> are Unicode based key identifiers ([<cite><a class='noxref normative' href='#references-Unicode'>Unicode</a></cite>]). When a key cannot be mapped to Unicode, a specific identifier is used (see also <a href='#keyset-Guide'>Guidelines for defining key identifiers</a>). In any case, no assumption should be made between the sequence of keyboard events and the text events. The following three examples illustrate the concept of keyboard layout mappings and its relation with keyboard events (following the <a href='#keyset-Guide'>Guidelines for defining key identifiers</a>, the 'Q' key is mapped to the Latin Capital Letter Q key).</p>
-<p>The keystroke <code>"U+0051"</code> (Latin Capital Letter Q key) will produce (on a PC/AT US keyboard using a US keyboard layout mapping and without any modifier activated) the Unicode character <code>q</code> (Latin Small Letter Q):</p>
-<ol>
-<li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key)</li>
-<li><code>"textInput"</code>: <code>"q"</code></li>
-<li><code>"keyup"</code>: <code>"U+0051"</code></li>
-</ol>
-<p>If the keyboard layout mapping is switched to a french mapping, pressing the same key will produce:</p>
-<ol>
-<li><code>"keydown"</code>: <code>"U+0041"</code> (Latin Capital Letter A key)</li>
-<li><code>"textInput"</code>: <code>"a"</code></li>
-<li><code>"keyup"</code>: <code>"U+0041"</code></li>
-</ol>
-<p>If the keyboard layout mapping is switched to a serbian (cyrillic) mapping, pressing the same key will produce:</p>
-<ol>
-<li><code>"keydown"</code>: <code>"U+0409"</code> (Cyrillic Capital Letter LJE)</li>
-<li><code>"textInput"</code>: <code>"љ"</code></li>
-<li><code>"keyup"</code>: <code>"U+0409"</code></li>
-</ol>
-<p><b>Note:</b> The order between the text event and keyboard events may differ depending on the keyboard devices.</p>
-<div class='div3'><a name='keyset-Modifiers' id='keyset-Modifiers'></a>
-<h3 id='keyset-Modifiers-h3' class='adiv3'>A.1.1 Modifier keys</h3>
-<p>Keyboard input uses modifier keys to change the normal behavior of a key. Keys associated with modifiers generate, like other keys, <a href='#events-event-keydown'>keydown</a> and <a href='#events-event-keyup'>keyup</a> events as shown in the example below. Some modifiers are activated while the key is being pressed down or maintained pressed such as <code>"Alt"</code>, <code>"Control"</code>, <code>"Shift"</code>, <code>"AltGraph"</code>, or <code>"Meta"</code>. Others modifiers are activated depending on their state such as <code>"CapsLock"</code>, <code>"NumLock"</code>, or <code>"Scroll"</code>. Change in the state happens when the modifier key is being pressed down. The <a href='#events-Events-KeyboardEvent'><code>KeyboardEvent</code></a> interface provides convenient attributes for some common modifiers keys: <a href='#events-Events-KeyboardEvent-ctrlKey'><code>KeyboardEvent.ctrlKey</code></a>, <a href='#events-Events-KeyboardEvent-shiftKey'><code>KeyboardEvent.shiftKey</code></a>, <a href='#events-Events-KeyboardEvent-altKey'><code>KeyboardEvent.altKey</code></a>, <a href='#events-Events-KeyboardEvent-metaKey'><code>KeyboardEvent.metaKey</code></a>. Some operating systems simulate the <code>"AltGraph"</code> modifier key with the combination of the <code>"Alt</code> and <code>"Control"</code> modifier keys. Implementations are encouraged to use the <code>"AltGraph"</code> modifier key.</p>
-<p>The following example describes a possible sequence of keys to generate the Unicode character Q (Latin Capital Letter Q) on a PC/AT US keyboard using a US mapping:</p>
-<ol>
-<li><code>"keydown"</code>: <code>"Shift"</code>, shiftKey</li>
-<li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey</li>
-<li><code>"textInput"</code>: <code>"Q"</code></li>
-<li><code>"keyup"</code>: <code>"U+0051"</code>, shiftKey</li>
-<li><code>"keyup"</code>: <code>"Shift"</code></li>
-</ol>
-<p>The following example describes a possible sequence of keys that does not generate a Unicode character (using the same configuration):</p>
-<ol>
-<li><code>"keydown"</code>: <code>"Control"</code>, ctrlKey</li>
-<li><code>"keydown"</code>: <code>"U+0056"</code> (Latin Capital Letter V key), ctrlKey</li>
-<li><code>"keyup"</code>: <code>"U+0056"</code>, ctrlKey</li>
-<li><code>"keyup"</code>: <code>"Control"</code></li>
-</ol>
-</div>
-<!-- div3 Modifiers -->
-<div class='div3'><a name='keyset-DeadKeys' id='keyset-DeadKeys'></a>
-<h3 id='keyset-DeadKeys-h3' class='adiv3'>A.1.2 Dead keys</h3>
-<p>Keyboard input uses dead keys for the input of composed character sequences. Unlike the handwriting sequence, in which users enter the base character first, keyboard input requires to enter a special state when a dead key is pressed and emit the character(s) only when one of a limited number of "legal" base character is entered.</p>
-<p>The dead keys are represented in the key identifiers set using combining diacritical marks. The sequence of keystrokes "U+0302" (Combining Circumflex Accent key) and "U+0045" (Latin Capital Letter E key) will likely produce (on a PC/AT french keyboard using a french mapping and without any modifier activated) the Unicode character ê (Latin Small Letter E With Circumflex), as preferred by the Unicode Normalization Form <i>NFC</i>:</p>
-<ol>
-<li><code>"keydown"</code>: <code>"U+0302"</code> (Combining Circumflex Accent key)</li>
-<li><code>"keyup"</code>: <code>"U+0302"</code></li>
-<li><code>"keydown"</code>: <code>"U+0045"</code> (Latin Capital Letter E key)</li>
-<li><code>"textInput"</code>: <code>"é"</code></li>
-<li><code>"keyup"</code>: <code>"U+0045"</code></li>
-</ol>
-</div>
-<!-- div3 DeadKeys -->
-<div class='div3'><a name='keyset-IME' id='keyset-IME'></a>
-<h3 id='keyset-IME-h3' class='adiv3'>A.1.3 Input Method Editors</h3>
-<p><a name='keyset-dt-ime' id='keyset-dt-ime'></a> Also known as <i>front end processor</i>, an <i>input method editor</i> (IME) is an application that performs the conversion between keystrokes and ideographs or other characters, usually by user-guided dictionary lookup.</p>
-<p>This specification does not provide a representation of the input method editor (IME) events, i.e. the IME's functions and the IME context are not represented in this set. As an example, receiving a <a href='#events-event-keydown'>keydown</a> for the "Accept" key identifier does not necessarily imply that the text currently selected in the IME is being accepted. It only indicates that a keystroke happened, disconnected from the IME Accept functionality. Depending on the device in use, the IME Accept functionality can be obtain using the Accept key or the Return key. Keyboard events cannot be used to determine the current state of the input method editor.</p>
-<p>Keyboard events correspond to the events generated by the input device after the keyboard layout mapping but before the processing of the input method editor.</p>
-<p>The following example describes a possible sequence of keys to generate the Unicode character 市 (Kanji character, part of CJK Unified Ideographs) using Japanese input methods. This example assumes that the input method editor is activated and in the Japanese-Romaji input mode. The keys <code>"Convert"</code> and <code>"Accept"</code> may be replaced by others depending on the input device in use and the configuration of the IME, e.g. it could be respectively "U+0020" (Space key) and "Enter".</p>
-<ol>
-<li><code>"keydown"</code>: <code>"U+0053"</code> (Latin Capital Letter S key)</li>
-<li><code>"keyup"</code>: <code>"U+0053"</code> (Latin Capital Letter S key)</li>
-<li><code>"keydown"</code>: <code>"U+0049"</code> (Latin Capital Letter I key)</li>
-<li><code>"keyup"</code>: <code>"U+0049"</code> (Latin Capital Letter I key)</li>
-<li><code>"keydown"</code>: <code>"Convert"</code></li>
-<li><code>"keyup"</code>: <code>"Convert"</code></li>
-<li><code>"keydown"</code>: <code>"Accept"</code></li>
-<li><code>"textInput"</code>: <code>"市"</code></li>
-<li><code>"keyup"</code>: <code>"Accept"</code></li>
-</ol>
-</div>
-<!-- div3 IME -->
-<div class='div3'><a name='keyset-cancelable_keys' id='keyset-cancelable_keys'></a>
-<h3 id='keyset-cancelable_keys-h3' class='adiv3'>A.1.4 Default actions and cancelable keyboard events</h3>
-<p>Canceling the default action of a <a href='#events-event-keydown'>keydown</a> event does not affect its respective <a href='#events-event-keyup'>keyup</a> event; it will however prevent the respective <a href='#events-event-textInput'>textInput</a> event from being generated. The following example describes a possible sequence of keys to generate the Unicode character Q (Latin Capital Letter Q) on a PC/AT US keyboard using a US mapping:</p>
-<ol>
-<li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey<br />
-the default action of the <a href='#events-event-keydown'>keydown</a> event is prevented, e.g. by invoking <a href='#events-Events-Event-preventDefault'><code>Event.preventDefault()</code></a> during the dispatch of the keydown event object.</li>
-<li>No <code>"textInput"</code> is generated.</li>
-<li><code>"keyup"</code>: <code>"U+0051"</code>, shiftKey</li>
-</ol>
-<p>If the key is a modifier key, the keystroke is taken into account for the modifiers states. The following example describes a possible sequence of keys to generate the Unicode character Q (Latin Capital Letter Q) on a PC/AT US keyboard using a US mapping:</p>
-<ol>
-<li><code>"keydown"</code>: <code>"Shift"</code>, shiftKey<br />
+ </dl>
+ </div>
+ </div>
+ <!-- div3 Events-eventgroupings-basicevents -->
+ </div>
+ <!-- div2 Events-eventgroupings -->
+ </div>
+ <!-- div1 Events -->
+
+
+ <!-- div1 contributors -->
+ <a id="glossary" name="glossary"> </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="glossary-glossary" id="glossary-glossary"> </a>
+ <h1 id="glossary-role-glossary" class="glossary">Glossary</h1>
+ <dl>
+ <dt><i>Editors</i>:</dt>
+ <dd>Doug Schepers, W3C</dd>
+ <dd>Arnaud Le Hors, W3C</dd>
+ <dd>Robert S. Sutor, IBM Research (for DOM Level 1)</dd>
+ </dl>
+ <p class="first">Some of the following term definitions have been borrowed or modified from similar definitions in other W3C or standards documents. See the links within the definitions for more information.</p>
+ <dl id="glossary-list">
+ <dt>
+ <a name="glossary-dt-bubbling-phase" id="glossary-dt-bubbling-phase">bubbling phase</a>
+ </dt>
+ <dd>The process by which an <a href="#glossary-dt-event">event</a> can be handled by one of the target ancestors after being handled by the <a href="#glossary-dt-target-node">target node</a>.</dd>
+ <dt>
+ <a name="glossary-dt-capture-phase" id="glossary-dt-capture-phase">capture phase</a>
+ </dt>
+ <dd>The process by which an <a href="#glossary-dt-event">event</a> can be handled by one of the target ancestors before being handled by the <a href="#glossary-dt-target-node">target node</a>.</dd>
+ <dt>
+ <a name="glossary-dt-dead-key" id="glossary-dt-dead-key">dead key</a>
+ </dt>
+ <dd>A dead key is a key or combination of key that produces no character by itself, but which in combination or sequence with another key produces a modified character, such as a character with diacritical marks (e.g. <code>ö</code>, <code>é</code>, <code>â</code>).</dd>
+ <dt>
+ <a name="glossary-dt-DOM-Level-0" id="glossary-dt-DOM-Level-0">DOM Level 0</a>
+ </dt>
+ <dd>The term "DOM Level 0" refers to a mix (not formally specified) of HTML document functionalities offered by Netscape Navigator version 3.0 and Microsoft Internet Explorer version 3.0. In some cases, attributes or methods have been included for reasons of backward compatibility with "DOM Level 0".</dd>
+ <dt>
+ <a name="glossary-dt-event" id="glossary-dt-event">event</a>
+ </dt>
+ <dd>An event is the representation of some asynchronous occurrence (such as a mouse click on the presentation of the element, or the removal of child node from an element, or any of unthinkably many other possibilities) that gets associated with an <a href="#glossary-dt-event-target">event target</a>.</dd>
+ <dt>
+ <a name="glossary-dt-event-target" id="glossary-dt-event-target">event target</a>
+ </dt>
+ <dd>The object to which an <a href="#glossary-dt-event">event</a> is targeted.</dd>
+ <dt>
+ <a name="glossary-dt-localname" id="glossary-dt-localname">local name</a>
+ </dt>
+ <dd>See local name in [<cite>
+ <a class="noxref informative" href="#references-Namespaces11">XML Namespaces 1.1</a>
+ </cite>].</dd>
+ <dt>
+ <a name="glossary-dt-namespaceURI" id="glossary-dt-namespaceURI">namespace URI</a>
+ </dt>
+ <dd>A <i>namespace URI</i> is a URI that identifies an XML namespace. This is called the namespace name in [<cite>
+ <a class="noxref informative" href="#references-Namespaces11">XML Namespaces 1.1</a>
+ </cite>]. See also sections 1.3.2 "<a class="normative" href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#baseURIs-Considerations">
+ <em>DOM URIs</em>
+ </a>" and 1.3.3 "<a class="normative" href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#Namespaces-Considerations">
+ <em>XML Namespaces</em>
+ </a>" regarding URIs and namespace URIs handling and comparison in the DOM APIs.</dd>
+ <dt>
+ <a name="glossary-dt-phase" id="glossary-dt-phase">phase</a>
+ </dt>
+ <dd>In the context of <a href="#glossary-dt-event">events</a>, a phase is set of logical traversals from node to node along the DOM tree, from the <a href="#glossary-dt-root-element">root element</a> down to the <a href="#glossary-dt-event-target">event target</a> (<a href="glossary-dt-capture-phase">capture phase</a>), at the <a href="#glossary-dt-event-target">event target</a> itself (<a href="glossary-dt-target-phase">target phase</a>), and back up to the <a href="#glossary-dt-root-element">root element</a> (<a href="glossary-dt-bubbling-phase">bubbling phase</a>).</dd>
+ <dt>
+ <a name="glossary-dt-target-node" id="glossary-dt-target-node">target node</a>
+ </dt>
+ <dd>The target node is the node representing the <a href="#glossary-dt-event-target">event target</a> to which an <a href="#glossary-dt-event">event</a> is targeted using the DOM event flow.</dd>
+ <dt>
+ <a name="glossary-dt-root-element" id="glossary-dt-root-element">root element</a>
+ </dt>
+ <dd>The first element node of a document, of which all other elements are children; the document element.</dd>
+ <dt>
+ <a name="glossary-dt-target-phase" id="glossary-dt-target-phase">target phase</a>
+ </dt>
+ <dd>The process by which an <a href="#glossary-dt-event">event</a> can be handled by the <a href="#glossary-dt-event-target">event target</a>.</dd>
+ <dt>
+ <a name="glossary-dt-Unicode-character-categories" id="glossary-dt-Unicode-character-categories">Unicode character categories</a>
+ </dt>
+ <dd>The Unicode character categories, a subset of the complete Unicode general categories, are comprised of the categories <abbr title="Letter, Lowercase">Ll</abbr>, <abbr title="Letter, Modifier">Lm</abbr>, <abbr title="Letter, Other">Lo</abbr>, <abbr title="Letter, Titlecase">Lt</abbr>, <abbr title="Letter, Uppercase">Lu</abbr>, <abbr title="Number, Decimal Digit">Nd</abbr>, <abbr title="Number, Letter">Nl</abbr>, <abbr title="Number, Other">No</abbr>, <abbr title="Punctuation, Connector">Pc</abbr>, <abbr title="Punctuation, Dash">Pd</abbr>, <abbr title="Punctuation, Close">Pe</abbr>, <abbr title="Punctuation, Final quote">Pf</abbr>, <abbr title="Punctuation, Initial quote">Pi</abbr>, <abbr title="Punctuation, Other">Po</abbr>, <abbr title="Punctuation, Open">Ps</abbr>, <abbr title="Symbol, Currency">Sc</abbr>, <abbr title="Symbol, Modifier">Sk</abbr>, <abbr title="Symbol, Math">Sm</abbr>, and <abbr title="Symbol, Other">So</abbr>.</dd>
+ </dl>
+ </div>
+ <!-- div1 glossary -->
+
+
+ <a id="keyset" name="keyset"> </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="keyset-KeySet" id="keyset-KeySet"> </a>
+ <h1 id="keyset-KeySet-h1" class="adiv1">Appendix A: Keyboard events and key identifiers</h1>
+ <dl>
+ <dt><i>Editors</i>:</dt>
+ <dd>Doug Schepers, W3C</dd>
+ <dd><a href="http://bjoern.hoehrmann.de/">Björn Höhrmann</a> Invited Expert (until December 2007)</dd>
+ <dd>Philippe Le Hégaret, W3C (until November 2003)</dd>
+ </dl>
+ <div class="noprint">
+ <h2 id="keyset-table-of-contents">Table of Contents</h2>
+ <ul class="toc">
+ <li class="tocline3">
+ <a class="tocxref" href="#keyset-KeySet-intro">A.1 Introduction</a>
+ <ul class="toc">
+ <li class="tocline4">
+ <a class="tocxref" href="#keyset-Modifiers">A.1.1 Modifier keys</a>
+ </li>
+ <li class="tocline4">
+ <a class="tocxref" href="#keyset-DeadKeys">A.1.2 Dead keys</a>
+ </li>
+ <li class="tocline4">
+ <a class="tocxref" href="#keyset-IME">A.1.3 Input Method Editors</a>
+ </li>
+ <li class="tocline4">
+ <a class="tocxref" href="#keyset-cancelable_keys">A.1.4 Default actions and cancelable keyboard events</a>
+ </li>
+ <li class="tocline4">
+ <a class="tocxref" href="#keyset-Guide">A.1.5 Guidelines for defining key identifiers</a>
+ </li>
+ </ul>
+ </li>
+ <li class="tocline3">
+ <a class="tocxref" href="#keyset-KeySet-Set">A.2 Key identifiers set</a>
+ </li>
+ </ul>
+ </div>
+ <p>This section contains necessary information regarding keyboard events:</p>
+ <ul>
+ <li>Relations between keys, such as dead keys or modifiers keys.</li>
+ <li>Relations between keyboard events, their default actions, and text events.</li>
+ <li>The set of key identifiers, and guidelines on how to extend this set.</li>
+ </ul>
+ <p><strong>Note:</strong> This section uses serbian and kanji characters which are not always available (or are misrepresented) in the alternative versions or printed versions of this specification.</p>
+ <div class="div2">
+ <a name="keyset-KeySet-intro" id="keyset-KeySet-intro"> </a>
+ <h2 id="keyset-KeySet-intro-h2" class="adiv2">A.1 Introduction</h2>
+ <p>Each keyboard event references a key using a <code>DOMString</code> key identifier. The set contained in this appendix is based on the sets of keycodes from:</p>
+ <ul>
+ <li>the interface <code>java.awt.event.KeyEvent</code> of the Java 2 Platform v1.4 [<cite>
+ <a class="noxref informative" href="#references-KeyEvent">KeyEvent for Java</a>
+ </cite>];</li>
+ <li>the enumeration <code>System.Windows.Forms.Keys</code> of the Microsoft .NET Framework 1.0 [<cite>
+ <a class="noxref informative" href="#references-Keys">Keys enumeration for .Net</a>
+ </cite>].</li>
+ </ul>
+<!--
+
+<p>There are several primary use cases for Key Identifiers, roughly divided into cases for output and input. For output,
+
+ <Travis> Use case: simulate a keyboard on a webpage.
+
+ DS: May be useful to have use cases
+
+ AvK: Games
+
+ DS: We will be unable to define location on a keyboard
+ ... Anyone making a game, wise to have user define key makpping
+
+
+ <Travis> access keys.
+
+ AvK: Scripts care about actual value - keyboard shortcuts
+
+ <Travis> (Accessibility uses)
+
+ DS: Hotkeys
+ ... A little broken, commands used with browser not accessable to
+ script authors. Will be overrideen
+ ... There was an interesting proposal for allowing script authors to
+ have hotkeys
+ ... control-shift-?? is a way to access hotkeys
+
+ :)
+
+ <smaug> :)
+
+ DS: Web app, want to hit control-S, same as they are used to with
+ desktop app
+
+ TL: Browser as application vs web page as an application
+
+ <smaug> Does anyone have a link to that proposal?
+
+ DS: May be useful to specify how browsers should deal with hotkeys
+ ... Part of a dedicated specification - rather a different topic
+
+ <chaals> [/me notes that the use cases boil down to something like
+ "make the interface match what people expect", "make the keys used
+ be a comfortable layout (especially important in games)" and "ensure
+ that the keys are actually available and not overriding some
+ important functionality the user had" ...]
+
+ <Travis> Also, the drag/drop spec overlaps with this stuff.
+
+ DS: Another use case is grab actual text values
+ ... Does not care about location, just the end value
+</p>
+ -->
+ <p class="first">While implementations are recommended to use the most relevant identifier for a key independently of the platform or keyboard layout mappings, DOM applications should not make assumption on the ability of keyboard devices to generate them. When using keyboard events, <cite>"consider using numbers and function keys (F4, F5, and so on) instead of letters in shortcut-key combinations"</cite> ([<cite>
+ <a class="noxref informative" href="#references-DWW95">DWW95</a>
+ </cite>]) given that most keyboard layouts will provide keys for those.</p>
+ <p><code>"U+0000"</code>, <code>"U+0001"</code>, ..., <code>"U+10FFFF"</code> are Unicode based key identifiers ([<cite>
+ <a class="noxref normative" href="#references-Unicode">Unicode</a>
+ </cite>]). When a key cannot be mapped to Unicode, a specific identifier is used (see also <a href="#keyset-Guide">Guidelines for defining key identifiers</a>). In any case, no assumption should be made between the sequence of keyboard events and the text events. The following three examples illustrate the concept of keyboard layout mappings and its relation with keyboard events (following the <a href="#keyset-Guide">Guidelines for defining key identifiers</a>, the 'Q' key is mapped to the Latin Capital Letter Q key).</p>
+ <p>The keystroke <code>"U+0051"</code> (Latin Capital Letter Q key) will produce (on a PC/AT US keyboard using a US keyboard layout mapping and without any modifier activated) the Unicode character <code>q</code> (Latin Small Letter Q):</p>
+ <ol>
+ <li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key)</li>
+ <li><code>"textInput"</code>: <code>"q"</code></li>
+ <li><code>"keyup"</code>: <code>"U+0051"</code></li>
+ </ol>
+ <p>If the keyboard layout mapping is switched to a french mapping, pressing the same key will produce:</p>
+ <ol>
+ <li><code>"keydown"</code>: <code>"U+0041"</code> (Latin Capital Letter A key)</li>
+ <li><code>"textInput"</code>: <code>"a"</code></li>
+ <li><code>"keyup"</code>: <code>"U+0041"</code></li>
+ </ol>
+ <p>If the keyboard layout mapping is switched to a serbian (cyrillic) mapping, pressing the same key will produce:</p>
+ <ol>
+ <li><code>"keydown"</code>: <code>"U+0409"</code> (Cyrillic Capital Letter LJE)</li>
+ <li><code>"textInput"</code>: <code>"љ"</code></li>
+ <li><code>"keyup"</code>: <code>"U+0409"</code></li>
+ </ol>
+ <p><strong>Note:</strong> The order between the text event and keyboard events may differ depending on the keyboard devices.</p>
+ <div class="div3">
+ <a name="keyset-Modifiers" id="keyset-Modifiers"> </a>
+ <h3 id="keyset-Modifiers-h3" class="adiv3">A.1.1 Modifier keys</h3>
+ <p>Keyboard input uses modifier keys to change the normal behavior of a key. Keys associated with modifiers generate, like other keys, <a href="#events-event-keydown">keydown</a> and <a href="#events-event-keyup">keyup</a> events as shown in the example below. Some modifiers are activated while the key is being pressed down or maintained pressed such as <code>"Alt"</code>, <code>"Control"</code>, <code>"Shift"</code>, <code>"AltGraph"</code>, or <code>"Meta"</code>. Others modifiers are activated depending on their state such as <code>"CapsLock"</code>, <code>"NumLock"</code>, or <code>"Scroll"</code>. Change in the state happens when the modifier key is being pressed down. The <a href="#events-Events-KeyboardEvent">
+ <code>KeyboardEvent</code>
+ </a> interface provides convenient attributes for some common modifiers keys: <a href="#events-Events-KeyboardEvent-ctrlKey">
+ <code>KeyboardEvent.ctrlKey</code>
+ </a>, <a href="#events-Events-KeyboardEvent-shiftKey">
+ <code>KeyboardEvent.shiftKey</code>
+ </a>, <a href="#events-Events-KeyboardEvent-altKey">
+ <code>KeyboardEvent.altKey</code>
+ </a>, <a href="#events-Events-KeyboardEvent-metaKey">
+ <code>KeyboardEvent.metaKey</code>
+ </a>. Some operating systems simulate the <code>"AltGraph"</code> modifier key with the combination of the <code>"Alt</code> and <code>"Control"</code> modifier keys. Implementations are encouraged to use the <code>"AltGraph"</code> modifier key.</p>
+ <p>The following example describes a possible sequence of keys to generate the Unicode character Q (Latin Capital Letter Q) on a PC/AT US keyboard using a US mapping:</p>
+ <ol>
+ <li><code>"keydown"</code>: <code>"Shift"</code>, shiftKey</li>
+ <li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey</li>
+ <li><code>"textInput"</code>: <code>"Q"</code></li>
+ <li><code>"keyup"</code>: <code>"U+0051"</code>, shiftKey</li>
+ <li><code>"keyup"</code>: <code>"Shift"</code></li>
+ </ol>
+ <p>The following example describes a possible sequence of keys that does not generate a Unicode character (using the same configuration):</p>
+ <ol>
+ <li><code>"keydown"</code>: <code>"Control"</code>, ctrlKey</li>
+ <li><code>"keydown"</code>: <code>"U+0056"</code> (Latin Capital Letter V key), ctrlKey</li>
+ <li><code>"keyup"</code>: <code>"U+0056"</code>, ctrlKey</li>
+ <li><code>"keyup"</code>: <code>"Control"</code></li>
+ </ol>
+ </div>
+ <!-- div3 Modifiers -->
+ <div class="div3">
+ <a name="keyset-DeadKeys" id="keyset-DeadKeys"> </a>
+ <h3 id="keyset-DeadKeys-h3" class="adiv3">A.1.2 Dead keys</h3>
+ <p>Keyboard input uses dead keys for the input of composed character sequences. Unlike the handwriting sequence, in which users enter the base character first, keyboard input requires to enter a special state when a dead key is pressed and emit the character(s) only when one of a limited number of "legal" base character is entered.</p>
+ <p>The dead keys are represented in the key identifiers set using combining diacritical marks. The sequence of keystrokes "U+0302" (Combining Circumflex Accent key) and "U+0045" (Latin Capital Letter E key) will likely produce (on a PC/AT french keyboard using a french mapping and without any modifier activated) the Unicode character ê (Latin Small Letter E With Circumflex), as preferred by the Unicode Normalization Form <i>NFC</i>:</p>
+ <ol>
+ <li><code>"keydown"</code>: <code>"U+0302"</code> (Combining Circumflex Accent key)</li>
+ <li><code>"keyup"</code>: <code>"U+0302"</code></li>
+ <li><code>"keydown"</code>: <code>"U+0045"</code> (Latin Capital Letter E key)</li>
+ <li><code>"textInput"</code>: <code>"é"</code></li>
+ <li><code>"keyup"</code>: <code>"U+0045"</code></li>
+ </ol>
+ </div>
+ <!-- div3 DeadKeys -->
+ <div class="div3">
+ <a name="keyset-IME" id="keyset-IME"> </a>
+ <h3 id="keyset-IME-h3" class="adiv3">A.1.3 Input Method Editors</h3>
+ <p><a name="keyset-dt-ime" id="keyset-dt-ime"
+ /> Also known as <i>front end processor</i>, an <i>input method editor</i> (IME) is an application that performs the conversion between keystrokes and ideographs or other characters, usually by user-guided dictionary lookup.</p>
+ <p>This specification does not provide a representation of the input method editor (IME) events, i.e. the IME's functions and the IME context are not represented in this set. As an example, receiving a <a href="#events-event-keydown">keydown</a> for the "Accept" key identifier does not necessarily imply that the text currently selected in the IME is being accepted. It only indicates that a keystroke happened, disconnected from the IME Accept functionality. Depending on the device in use, the IME Accept functionality can be obtain using the Accept key or the Return key. Keyboard events cannot be used to determine the current state of the input method editor.</p>
+ <p>Keyboard events correspond to the events generated by the input device after the keyboard layout mapping but before the processing of the input method editor.</p>
+ <p>The following example describes a possible sequence of keys to generate the Unicode character 市 (Kanji character, part of CJK Unified Ideographs) using Japanese input methods. This example assumes that the input method editor is activated and in the Japanese-Romaji input mode. The keys <code>"Convert"</code> and <code>"Accept"</code> may be replaced by others depending on the input device in use and the configuration of the IME, e.g. it could be respectively "U+0020" (Space key) and "Enter".</p>
+ <ol>
+ <li><code>"keydown"</code>: <code>"U+0053"</code> (Latin Capital Letter S key)</li>
+ <li><code>"keyup"</code>: <code>"U+0053"</code> (Latin Capital Letter S key)</li>
+ <li><code>"keydown"</code>: <code>"U+0049"</code> (Latin Capital Letter I key)</li>
+ <li><code>"keyup"</code>: <code>"U+0049"</code> (Latin Capital Letter I key)</li>
+ <li><code>"keydown"</code>: <code>"Convert"</code></li>
+ <li><code>"keyup"</code>: <code>"Convert"</code></li>
+ <li><code>"keydown"</code>: <code>"Accept"</code></li>
+ <li><code>"textInput"</code>: <code>"市"</code></li>
+ <li><code>"keyup"</code>: <code>"Accept"</code></li>
+ </ol>
+ </div>
+ <!-- div3 IME -->
+ <div class="div3">
+ <a name="keyset-cancelable_keys" id="keyset-cancelable_keys"> </a>
+ <h3 id="keyset-cancelable_keys-h3" class="adiv3">A.1.4 Default actions and cancelable keyboard events</h3>
+ <p>Canceling the default action of a <a href="#events-event-keydown">keydown</a> event does not affect its respective <a href="#events-event-keyup">keyup</a> event; it will however prevent the respective <a href="#events-event-textInput">textInput</a> event from being generated. The following example describes a possible sequence of keys to generate the Unicode character Q (Latin Capital Letter Q) on a PC/AT US keyboard using a US mapping:</p>
+ <ol>
+ <li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey<br/>
+the default action of the <a href="#events-event-keydown">keydown</a> event is prevented, e.g. by invoking <a href="#events-Events-Event-preventDefault">
+ <code>Event.preventDefault()</code>
+ </a> during the dispatch of the keydown event object.</li>
+ <li>No <code>"textInput"</code> is generated.</li>
+ <li><code>"keyup"</code>: <code>"U+0051"</code>, shiftKey</li>
+ </ol>
+ <p>If the key is a modifier key, the keystroke is taken into account for the modifiers states. The following example describes a possible sequence of keys to generate the Unicode character Q (Latin Capital Letter Q) on a PC/AT US keyboard using a US mapping:</p>
+ <ol>
+ <li><code>"keydown"</code>: <code>"Shift"</code>, shiftKey<br/>
the default action of the keydown event is prevented.</li>
-<li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey</li>
-<li><code>"textInput"</code>: <code>"Q"</code></li>
-<li><code>"keyup"</code>: <code>"U+0051"</code>, shiftKey</li>
-<li><code>"keyup"</code>: <code>"Shift"</code></li>
-</ol>
-<p>If the key is part of a sequence of several keystrokes, whether it is a dead key or it is contributing to an Input Method Editor sequence, the keystroke is ignored (not taken into account) only if the default action is canceled on the <a href='#events-event-keydown'>keydown</a> event. Canceling a dead key on a <a href='#events-event-keyup'>keyup</a> event has not effect on <a href='#events-event-textInput'>textInput</a> events. The following example uses the keystrokes <code>"U+0302"</code> (Combining Circumflex Accent key) and <code>"U+0045"</code> (Latin Capital Letter E key) (on a PC/AT french keyboard using a french mapping and without any modifier activated):</p>
-<ol>
-<li><code>"keydown"</code>: <code>"U+0302"</code> (Combining Circumflex Accent key)<br />
+ <li><code>"keydown"</code>: <code>"U+0051"</code> (Latin Capital Letter Q key), shiftKey</li>
+ <li><code>"textInput"</code>: <code>"Q"</code></li>
+ <li><code>"keyup"</code>: <code>"U+0051"</code>, shiftKey</li>
+ <li><code>"keyup"</code>: <code>"Shift"</code></li>
+ </ol>
+ <p>If the key is part of a sequence of several keystrokes, whether it is a dead key or it is contributing to an Input Method Editor sequence, the keystroke is ignored (not taken into account) only if the default action is canceled on the <a href="#events-event-keydown">keydown</a> event. Canceling a dead key on a <a href="#events-event-keyup">keyup</a> event has not effect on <a href="#events-event-textInput">textInput</a> events. The following example uses the keystrokes <code>"U+0302"</code> (Combining Circumflex Accent key) and <code>"U+0045"</code> (Latin Capital Letter E key) (on a PC/AT french keyboard using a french mapping and without any modifier activated):</p>
+ <ol>
+ <li><code>"keydown"</code>: <code>"U+0302"</code> (Combining Circumflex Accent key)<br/>
the default action of the keydown event is prevented</li>
-<li><code>"keyup"</code>: <code>"U+0302"</code></li>
-<li><code>"keydown"</code>: <code>"U+0045"</code> (Latin Capital Letter E key)</li>
-<li><code>"textInput"</code>: <code>"a"</code></li>
-<li><code>"keyup"</code>: <code>"U+0045"</code></li>
-</ol>
-</div>
-<!-- div3 cancelable_keys -->
-<div class='div3'><a name='keyset-Guide' id='keyset-Guide'></a>
-<h3 id='keyset-Guide-h3' class='adiv3'>A.1.5 Guidelines for defining key identifiers</h3>
-<p><b>Note:</b> This section is non-normative.</p>
-<p>The list of key identifiers contained in this appendix is not exhaustive and input devices may have to define their own key identifiers. Here is a algorithm to determine which key identifier to use:</p>
-<ol>
-<li>Determine a representation for the key by looking at the keyboard layout mapping in use (and not the keyboard device in use). This representation should be unique, as human friendly as possible, platform independent, and consistent. For example, on PC/AT US keyboards with a US mapping, the 'Q' key is mapped to the key identifier "U+0051" (Latin Capital Letter Q key), the '1/!' key is mapped to the key identifier "U+0031" (Digit One key), the key '`/~' is mapped to the key identifier "U+0060" (Grave Accent key), and the 'Enter' key is mapped to the key identifier "Enter".</li>
-<li>Find an appropriate mapping in the Unicode character set. There might not always be an appropriate and obvious mapping: the Unicode set contains characters and symbols, the key might generate different characters depending on the operating system, ... In general, unless the representation of the key can be mapped to a unique Unicode character, it is better to create a new one.</li>
-<li>If no appropriate mapping was found, create a key identifier as human friendly as possible. The key identifier must not contain white spaces. As an example, the Enter key is mapped to the key identifier "Enter" and not to "U+000A" (Line Feed), given that this key generates the character "U+000A" on Unix operating systems and the characters "U+000D" and "U+000A" on Windows operating systems.</li>
-</ol>
-</div>
-<!-- div3 Guide --></div>
-<!-- div2 KeySet-intro -->
-<div class='div2'><a name='keyset-KeySet-Set' id='keyset-KeySet-Set'></a>
-<h2 id='keyset-KeySet-Set-h2' class='adiv2'>A.2 Key identifiers set</h2>
-<p><b>Note:</b> The keycodes <code>Multiply</code>, <code>Add</code>, <code>Substract</code>, <code>Decimal</code>, <code>Separator</code>, <code>Divide</code>, <code>NumPad0</code>, <code>NumPad1</code>, <code>NumPad2</code>, <code>NumPad3</code>, <code>NumPad4</code>, <code>NumPad5</code>, <code>NumPad6</code>, <code>NumPad7</code>, <code>NumPad8</code>, and <code>NumPad9</code> are not part of this set. Use <a href='#events-Events-KeyboardEvent-keylocation'><code>KeyboardEvent.keyLocation</code></a> to know if a key originated from the numeric keypad.</p>
-<dl>
-<dt><a name='keyset-key-Accept' id='keyset-key-Accept'>"Accept"</a></dt>
-<dd>The Accept (Commit) key.</dd>
-<dt><a name='keyset-key-Again' id='keyset-key-Again'>"Again"</a></dt>
-<dd>The Again key.</dd>
-<dt><a name='keyset-key-AllCandidates' id='keyset-key-AllCandidates'>"AllCandidates"</a></dt>
-<dd>The All Candidates key.</dd>
-<dt><a name='keyset-key-Alphanumeric' id='keyset-key-Alphanumeric'>"Alphanumeric"</a></dt>
-<dd>The Alphanumeric key.</dd>
-<dt><a name='keyset-key-Alt' id='keyset-key-Alt'>"Alt"</a></dt>
-<dd>The Alt (Menu) key.</dd>
-<dt><a name='keyset-key-AltGraph' id='keyset-key-AltGraph'>"AltGraph"</a></dt>
-<dd>The Alt-Graph key.</dd>
-<dt><a name='keyset-key-Apps' id='keyset-key-Apps'>"Apps"</a></dt>
-<dd>The Application key.</dd>
-<dt><a name='keyset-key-Attn' id='keyset-key-Attn'>"Attn"</a></dt>
-<dd>The ATTN key.</dd>
-<dt><a name='keyset-key-BrowserBack' id='keyset-key-BrowserBack'>"BrowserBack"</a></dt>
-<dd>The Browser Back key.</dd>
-<dt><a name='keyset-key-BrowserFavorites' id='keyset-key-BrowserFavorites'>"BrowserFavorites"</a></dt>
-<dd>The Browser Favorites key.</dd>
-<dt><a name='keyset-key-BrowserForward' id='keyset-key-BrowserForward'>"BrowserForward"</a></dt>
-<dd>The Browser Forward key.</dd>
-<dt><a name='keyset-key-BrowserHome' id='keyset-key-BrowserHome'>"BrowserHome"</a></dt>
-<dd>The Browser Home key.</dd>
-<dt><a name='keyset-key-BrowserRefresh' id='keyset-key-BrowserRefresh'>"BrowserRefresh"</a></dt>
-<dd>The Browser Refresh key.</dd>
-<dt><a name='keyset-key-BrowserSearch' id='keyset-key-BrowserSearch'>"BrowserSearch"</a></dt>
-<dd>The Browser Search key.</dd>
-<dt><a name='keyset-key-BrowserStop' id='keyset-key-BrowserStop'>"BrowserStop"</a></dt>
-<dd>The Browser Stop key.</dd>
-<dt><a name='keyset-key-CapsLock' id='keyset-key-CapsLock'>"CapsLock"</a></dt>
-<dd>The Caps Lock (Capital) key.</dd>
-<dt><a name='keyset-key-Clear' id='keyset-key-Clear'>"Clear"</a></dt>
-<dd>The Clear key.</dd>
-<dt><a name='keyset-key-CodeInput' id='keyset-key-CodeInput'>"CodeInput"</a></dt>
-<dd>The Code Input key.</dd>
-<dt><a name='keyset-key-Compose' id='keyset-key-Compose'>"Compose"</a></dt>
-<dd>The Compose key.</dd>
-<dt><a name='keyset-key-Control' id='keyset-key-Control'>"Control"</a></dt>
-<dd>The Control (Ctrl) key.</dd>
-<dt><a name='keyset-key-Crsel' id='keyset-key-Crsel'>"Crsel"</a></dt>
-<dd>The Crsel key.</dd>
-<dt><a name='keyset-key-Convert' id='keyset-key-Convert'>"Convert"</a></dt>
-<dd>The Convert key.</dd>
-<dt><a name='keyset-key-Copy' id='keyset-key-Copy'>"Copy"</a></dt>
-<dd>The Copy key.</dd>
-<dt><a name='keyset-key-Cut' id='keyset-key-Cut'>"Cut"</a></dt>
-<dd>The Cut key.</dd>
-<dt><a name='keyset-key-Down' id='keyset-key-Down'>"Down"</a></dt>
-<dd>The Down Arrow key.</dd>
-<dt><a name='keyset-key-End' id='keyset-key-End'>"End"</a></dt>
-<dd>The End key.</dd>
-<dt><a name='keyset-key-Enter' id='keyset-key-Enter'>"Enter"</a></dt>
-<dd>The Enter key.
-<p><b>Note:</b> This key identifier is also used for the Return (Macintosh numpad) key.</p>
-</dd>
-<dt><a name='keyset-key-EraseEof' id='keyset-key-EraseEof'>"EraseEof"</a></dt>
-<dd>The Erase EOF key.</dd>
-<dt><a name='keyset-key-Execute' id='keyset-key-Execute'>"Execute"</a></dt>
-<dd>The Execute key.</dd>
-<dt><a name='keyset-key-Exsel' id='keyset-key-Exsel'>"Exsel"</a></dt>
-<dd>The Exsel key.</dd>
-<dt><a name='keyset-key-F1' id='keyset-key-F1'>"F1"</a></dt>
-<dd>The F1 key.</dd>
-<dt><a name='keyset-key-F2' id='keyset-key-F2'>"F2"</a></dt>
-<dd>The F2 key.</dd>
-<dt><a name='keyset-key-F3' id='keyset-key-F3'>"F3"</a></dt>
-<dd>The F3 key.</dd>
-<dt><a name='keyset-key-F4' id='keyset-key-F4'>"F4"</a></dt>
-<dd>The F4 key.</dd>
-<dt><a name='keyset-key-F5' id='keyset-key-F5'>"F5"</a></dt>
-<dd>The F5 key.</dd>
-<dt><a name='keyset-key-F6' id='keyset-key-F6'>"F6"</a></dt>
-<dd>The F6 key.</dd>
-<dt><a name='keyset-key-F7' id='keyset-key-F7'>"F7"</a></dt>
-<dd>The F7 key.</dd>
-<dt><a name='keyset-key-F8' id='keyset-key-F8'>"F8"</a></dt>
-<dd>The F8 key.</dd>
-<dt><a name='keyset-key-F9' id='keyset-key-F9'>"F9"</a></dt>
-<dd>The F9 key.</dd>
-<dt><a name='keyset-key-F10' id='keyset-key-F10'>"F10"</a></dt>
-<dd>The F10 key.</dd>
-<dt><a name='keyset-key-F11' id='keyset-key-F11'>"F11"</a></dt>
-<dd>The F11 key.</dd>
-<dt><a name='keyset-key-F12' id='keyset-key-F12'>"F12"</a></dt>
-<dd>The F12 key.</dd>
-<dt><a name='keyset-key-F13' id='keyset-key-F13'>"F13"</a></dt>
-<dd>The F13 key.</dd>
-<dt><a name='keyset-key-F14' id='keyset-key-F14'>"F14"</a></dt>
-<dd>The F14 key.</dd>
-<dt><a name='keyset-key-F15' id='keyset-key-F15'>"F15"</a></dt>
-<dd>The F15 key.</dd>
-<dt><a name='keyset-key-F16' id='keyset-key-F16'>"F16"</a></dt>
-<dd>The F16 key.</dd>
-<dt><a name='keyset-key-F17' id='keyset-key-F17'>"F17"</a></dt>
-<dd>The F17 key.</dd>
-<dt><a name='keyset-key-F18' id='keyset-key-F18'>"F18"</a></dt>
-<dd>The F18 key.</dd>
-<dt><a name='keyset-key-F19' id='keyset-key-F19'>"F19"</a></dt>
-<dd>The F19 key.</dd>
-<dt><a name='keyset-key-F20' id='keyset-key-F20'>"F20"</a></dt>
-<dd>The F20 key.</dd>
-<dt><a name='keyset-key-F21' id='keyset-key-F21'>"F21"</a></dt>
-<dd>The F21 key.</dd>
-<dt><a name='keyset-key-F22' id='keyset-key-F22'>"F22"</a></dt>
-<dd>The F22 key.</dd>
-<dt><a name='keyset-key-F23' id='keyset-key-F23'>"F23"</a></dt>
-<dd>The F23 key.</dd>
-<dt><a name='keyset-key-F24' id='keyset-key-F24'>"F24"</a></dt>
-<dd>The F24 key.</dd>
-<dt><a name='keyset-key-FinalMode' id='keyset-key-FinalMode'>"FinalMode"</a></dt>
-<dd>The Final Mode (Final) key used on some asian keyboards.</dd>
-<dt><a name='keyset-key-Find' id='keyset-key-Find'>"Find"</a></dt>
-<dd>The Find key.</dd>
-<dt><a name='keyset-key-FullWidth' id='keyset-key-FullWidth'>"FullWidth"</a></dt>
-<dd>The Full-Width Characters key.</dd>
-<dt><a name='keyset-key-HalfWidth' id='keyset-key-HalfWidth'>"HalfWidth"</a></dt>
-<dd>The Half-Width Characters key.</dd>
-<dt><a name='keyset-key-HangulMode' id='keyset-key-HangulMode'>"HangulMode"</a></dt>
-<dd>The Hangul (Korean characters) Mode key.</dd>
-<dt><a name='keyset-key-HanjaMode' id='keyset-key-HanjaMode'>"HanjaMode"</a></dt>
-<dd>The Hanja (Korean characters) Mode key.</dd>
-<dt><a name='keyset-key-Help' id='keyset-key-Help'>"Help"</a></dt>
-<dd>The Help key.</dd>
-<dt><a name='keyset-key-Hiragana' id='keyset-key-Hiragana'>"Hiragana"</a></dt>
-<dd>The Hiragana (Japanese Kana characters) key.</dd>
-<dt><a name='keyset-key-Home' id='keyset-key-Home'>"Home"</a></dt>
-<dd>The Home key.</dd>
-<dt><a name='keyset-key-Insert' id='keyset-key-Insert'>"Insert"</a></dt>
-<dd>The Insert (Ins) key.</dd>
-<dt><a name='keyset-key-JapaneseHiragana' id='keyset-key-JapaneseHiragana'>"JapaneseHiragana"</a></dt>
-<dd>The Japanese-Hiragana key.</dd>
-<dt><a name='keyset-key-JapaneseKatakana' id='keyset-key-JapaneseKatakana'>"JapaneseKatakana"</a></dt>
-<dd>The Japanese-Katakana key.</dd>
-<dt><a name='keyset-key-JapaneseRomaji' id='keyset-key-JapaneseRomaji'>"JapaneseRomaji"</a></dt>
-<dd>The Japanese-Romaji key.</dd>
-<dt><a name='keyset-key-JunjaMode' id='keyset-key-JunjaMode'>"JunjaMode"</a></dt>
-<dd>The Junja Mode key.</dd>
-<dt><a name='keyset-key-KanaMode' id='keyset-key-KanaMode'>"KanaMode"</a></dt>
-<dd>The Kana Mode (Kana Lock) key.</dd>
-<dt><a name='keyset-key-KanjiMode' id='keyset-key-KanjiMode'>"KanjiMode"</a></dt>
-<dd>The Kanji (Japanese name for ideographic characters of Chinese origin) Mode key.</dd>
-<dt><a name='keyset-key-Katakana' id='keyset-key-Katakana'>"Katakana"</a></dt>
-<dd>The Katakana (Japanese Kana characters) key.</dd>
-<dt><a name='keyset-key-LaunchApplication1' id='keyset-key-LaunchApplication1'>"LaunchApplication1"</a></dt>
-<dd>The Start Application One key.</dd>
-<dt><a name='keyset-key-LaunchApplication2' id='keyset-key-LaunchApplication2'>"LaunchApplication2"</a></dt>
-<dd>The Start Application Two key.</dd>
-<dt><a name='keyset-key-LaunchMail' id='keyset-key-LaunchMail'>"LaunchMail"</a></dt>
-<dd>The Start Mail key.</dd>
-<dt><a name='keyset-key-Left' id='keyset-key-Left'>"Left"</a></dt>
-<dd>The Left Arrow key.</dd>
-<dt><a name='keyset-key-Meta' id='keyset-key-Meta'>"Meta"</a></dt>
-<dd>The Meta key.</dd>
-<dt><a name='keyset-key-MediaNextTrack' id='keyset-key-MediaNextTrack'>"MediaNextTrack"</a></dt>
-<dd>The Media Next Track key.</dd>
-<dt><a name='keyset-key-MediaPlayPause' id='keyset-key-MediaPlayPause'>"MediaPlayPause"</a></dt>
-<dd>The Media Play Pause key.</dd>
-<dt><a name='keyset-key-MediaPreviousTrack' id='keyset-key-MediaPreviousTrack'>"MediaPreviousTrack"</a></dt>
-<dd>The Media Previous Track key.</dd>
-<dt><a name='keyset-key-MediaStop' id='keyset-key-MediaStop'>"MediaStop"</a></dt>
-<dd>The Media Stok key.</dd>
-<dt><a name='keyset-key-ModeChange' id='keyset-key-ModeChange'>"ModeChange"</a></dt>
-<dd>The Mode Change key.</dd>
-<dt><a name='keyset-key-Nonconvert' id='keyset-key-Nonconvert'>"Nonconvert"</a></dt>
-<dd>The Nonconvert (Don't Convert) key.</dd>
-<dt><a name='keyset-key-NumLock' id='keyset-key-NumLock'>"NumLock"</a></dt>
-<dd>The Num Lock key.</dd>
-<dt><a name='keyset-key-PageDown' id='keyset-key-PageDown'>"PageDown"</a></dt>
-<dd>The Page Down (Next) key.</dd>
-<dt><a name='keyset-key-PageUp' id='keyset-key-PageUp'>"PageUp"</a></dt>
-<dd>The Page Up key.</dd>
-<dt><a name='keyset-key-Paste' id='keyset-key-Paste'>"Paste"</a></dt>
-<dd>The Paste key.</dd>
-<dt><a name='keyset-key-Pause' id='keyset-key-Pause'>"Pause"</a></dt>
-<dd>The Pause key.</dd>
-<dt><a name='keyset-key-Play' id='keyset-key-Play'>"Play"</a></dt>
-<dd>The Play key.</dd>
-<dt><a name='keyset-key-PreviousCandidate' id='keyset-key-PreviousCandidate'>"PreviousCandidate"</a></dt>
-<dd>The Previous Candidate function key.</dd>
-<dt><a name='keyset-key-PrintScreen' id='keyset-key-PrintScreen'>"PrintScreen"</a></dt>
-<dd>The Print Screen (PrintScrn, SnapShot) key.</dd>
-<dt><a name='keyset-key-Process' id='keyset-key-Process'>"Process"</a></dt>
-<dd>The Process key.</dd>
-<dt><a name='keyset-key-Props' id='keyset-key-Props'>"Props"</a></dt>
-<dd>The Props key.</dd>
-<dt><a name='keyset-key-Right' id='keyset-key-Right'>"Right"</a></dt>
-<dd>The Right Arrow key.</dd>
-<dt><a name='keyset-key-RomanCharacters' id='keyset-key-RomanCharacters'>"RomanCharacters"</a></dt>
-<dd>The Roman Characters function key.</dd>
-<dt><a name='keyset-key-Scroll' id='keyset-key-Scroll'>"Scroll"</a></dt>
-<dd>The Scroll Lock key.</dd>
-<dt><a name='keyset-key-Select' id='keyset-key-Select'>"Select"</a></dt>
-<dd>The Select key.</dd>
-<dt><a name='keyset-key-SelectMedia' id='keyset-key-SelectMedia'>"SelectMedia"</a></dt>
-<dd>The Select Media key.</dd>
-<dt><a name='keyset-key-Shift' id='keyset-key-Shift'>"Shift"</a></dt>
-<dd>The Shift key.</dd>
-<dt><a name='keyset-key-Stop' id='keyset-key-Stop'>"Stop"</a></dt>
-<dd>The Stop key.</dd>
-<dt><a name='keyset-key-Up' id='keyset-key-Up'>"Up"</a></dt>
-<dd>The Up Arrow key.</dd>
-<dt><a name='keyset-key-Undo' id='keyset-key-Undo'>"Undo"</a></dt>
-<dd>The Undo key.</dd>
-<dt><a name='keyset-key-VolumeDown' id='keyset-key-VolumeDown'>"VolumeDown"</a></dt>
-<dd>The Volume Down key.</dd>
-<dt><a name='keyset-key-VolumeMute' id='keyset-key-VolumeMute'>"VolumeMute"</a></dt>
-<dd>The Volume Mute key.</dd>
-<dt><a name='keyset-key-VolumeUp' id='keyset-key-VolumeUp'>"VolumeUp"</a></dt>
-<dd>The Volume Up key.</dd>
-<dt><a name='keyset-key-Win' id='keyset-key-Win'>"Win"</a></dt>
-<dd>The Windows Logo key.</dd>
-<dt><a name='keyset-key-Zoom' id='keyset-key-Zoom'>"Zoom"</a></dt>
-<dd>The Zoom key.</dd>
-<dt><a name='keyset-key-U-0008' id='keyset-key-U-0008'>"U+0008"</a></dt>
-<dd>The Backspace (Back) key.</dd>
-<dt><a name='keyset-key-U-0009' id='keyset-key-U-0009'>"U+0009"</a></dt>
-<dd>The Horizontal Tabulation (Tab) key.</dd>
-<dt><a name='keyset-key-U-0018' id='keyset-key-U-0018'>"U+0018"</a></dt>
-<dd>The Cancel key.</dd>
-<dt><a name='keyset-key-U-001B' id='keyset-key-U-001B'>"U+001B"</a></dt>
-<dd>The Escape (Esc) key.</dd>
-<dt><a name='keyset-key-U-0020' id='keyset-key-U-0020'>"U+0020"</a></dt>
-<dd>The Space (Spacebar) key.</dd>
-<dt><a name='keyset-key-U-0021' id='keyset-key-U-0021'>"U+0021"</a></dt>
-<dd>The Exclamation Mark (Factorial, Bang) key (!).</dd>
-<dt><a name='keyset-key-U-0022' id='keyset-key-U-0022'>"U+0022"</a></dt>
-<dd>The Quotation Mark (Quote Double) key (").</dd>
-<dt><a name='keyset-key-U-0023' id='keyset-key-U-0023'>"U+0023"</a></dt>
-<dd>The Number Sign (Pound Sign, Hash, Crosshatch, Octothorpe) key (#).</dd>
-<dt><a name='keyset-key-U-0024' id='keyset-key-U-0024'>"U+0024"</a></dt>
-<dd>The Dollar Sign (milreis, escudo) key ($).</dd>
-<dt><a name='keyset-key-U-0026' id='keyset-key-U-0026'>"U+0026"</a></dt>
-<dd>The Ampersand key (&).</dd>
-<dt><a name='keyset-key-U-0027' id='keyset-key-U-0027'>"U+0027"</a></dt>
-<dd>The Apostrophe (Apostrophe-Quote, APL Quote) key (').</dd>
-<dt><a name='keyset-key-U-0028' id='keyset-key-U-0028'>"U+0028"</a></dt>
-<dd>The Left Parenthesis (Opening Parenthesis) key (().</dd>
-<dt><a name='keyset-key-U-0029' id='keyset-key-U-0029'>"U+0029"</a></dt>
-<dd>The Right Parenthesis (Closing Parenthesis) key ()).</dd>
-<dt><a name='keyset-key-U-002A' id='keyset-key-U-002A'>"U+002A"</a></dt>
-<dd>The Asterix (Star) key (*).</dd>
-<dt><a name='keyset-key-U-002B' id='keyset-key-U-002B'>"U+002B"</a></dt>
-<dd>The Plus Sign (Plus) key (+).</dd>
-<dt><a name='keyset-key-U-002C' id='keyset-key-U-002C'>"U+002C"</a></dt>
-<dd>The Comma (decimal separator) sign key (,).</dd>
-<dt><a name='keyset-key-U-002D' id='keyset-key-U-002D'>"U+002D"</a></dt>
-<dd>The Hyphen-minus (hyphen or minus sign) key (-).</dd>
-<dt><a name='keyset-key-U-002E' id='keyset-key-U-002E'>"U+002E"</a></dt>
-<dd>The Full Stop (period, dot, decimal point) key (.).</dd>
-<dt><a name='keyset-key-U-002F' id='keyset-key-U-002F'>"U+002F"</a></dt>
-<dd>The Solidus (slash, virgule, shilling) key (/).</dd>
-<dt><a name='keyset-key-U-0030' id='keyset-key-U-0030'>"U+0030"</a></dt>
-<dd>The Digit Zero key (0).</dd>
-<dt><a name='keyset-key-U-0031' id='keyset-key-U-0031'>"U+0031"</a></dt>
-<dd>The Digit One key (1).</dd>
-<dt><a name='keyset-key-U-0032' id='keyset-key-U-0032'>"U+0032"</a></dt>
-<dd>The Digit Two key (2).</dd>
-<dt><a name='keyset-key-U-0033' id='keyset-key-U-0033'>"U+0033"</a></dt>
-<dd>The Digit Three key (3).</dd>
-<dt><a name='keyset-key-U-0034' id='keyset-key-U-0034'>"U+0034"</a></dt>
-<dd>The Digit Four key (4).</dd>
-<dt><a name='keyset-key-U-0035' id='keyset-key-U-0035'>"U+0035"</a></dt>
-<dd>The Digit Five key (5).</dd>
-<dt><a name='keyset-key-U-0036' id='keyset-key-U-0036'>"U+0036"</a></dt>
-<dd>The Digit Six key (6).</dd>
-<dt><a name='keyset-key-U-0037' id='keyset-key-U-0037'>"U+0037"</a></dt>
-<dd>The Digit Seven key (7).</dd>
-<dt><a name='keyset-key-U-0038' id='keyset-key-U-0038'>"U+0038"</a></dt>
-<dd>The Digit Eight key (8).</dd>
-<dt><a name='keyset-key-U-0039' id='keyset-key-U-0039'>"U+0039"</a></dt>
-<dd>The Digit Nine key (9).</dd>
-<dt><a name='keyset-key-U-003A' id='keyset-key-U-003A'>"U+003A"</a></dt>
-<dd>The Colon key (:).</dd>
-<dt><a name='keyset-key-U-003B' id='keyset-key-U-003B'>"U+003B"</a></dt>
-<dd>The Semicolon key (;).</dd>
-<dt><a name='keyset-key-U-003C' id='keyset-key-U-003C'>"U+003C"</a></dt>
-<dd>The Less-Than Sign key (<).</dd>
-<dt><a name='keyset-key-U-003D' id='keyset-key-U-003D'>"U+003D"</a></dt>
-<dd>The Equals Sign key (=).</dd>
-<dt><a name='keyset-key-U-003E' id='keyset-key-U-003E'>"U+003E"</a></dt>
-<dd>The Greater-Than Sign key (>).</dd>
-<dt><a name='keyset-key-U-003F' id='keyset-key-U-003F'>"U+003F"</a></dt>
-<dd>The Question Mark key (?).</dd>
-<dt><a name='keyset-key-U-0040' id='keyset-key-U-0040'>"U+0040"</a></dt>
-<dd>The Commercial At (@) key.</dd>
-<dt><a name='keyset-key-U-0041' id='keyset-key-U-0041'>"U+0041"</a></dt>
-<dd>The Latin Capital Letter A key (A).</dd>
-<dt><a name='keyset-key-U-0042' id='keyset-key-U-0042'>"U+0042"</a></dt>
-<dd>The Latin Capital Letter B key (B).</dd>
-<dt><a name='keyset-key-U-0043' id='keyset-key-U-0043'>"U+0043"</a></dt>
-<dd>The Latin Capital Letter C key (C).</dd>
-<dt><a name='keyset-key-U-0044' id='keyset-key-U-0044'>"U+0044"</a></dt>
-<dd>The Latin Capital Letter D key (D).</dd>
-<dt><a name='keyset-key-U-0045' id='keyset-key-U-0045'>"U+0045"</a></dt>
-<dd>The Latin Capital Letter E key (E).</dd>
-<dt><a name='keyset-key-U-0046' id='keyset-key-U-0046'>"U+0046"</a></dt>
-<dd>The Latin Capital Letter F key (F).</dd>
-<dt><a name='keyset-key-U-0047' id='keyset-key-U-0047'>"U+0047"</a></dt>
-<dd>The Latin Capital Letter G key (G).</dd>
-<dt><a name='keyset-key-U-0048' id='keyset-key-U-0048'>"U+0048"</a></dt>
-<dd>The Latin Capital Letter H key (H).</dd>
-<dt><a name='keyset-key-U-0049' id='keyset-key-U-0049'>"U+0049"</a></dt>
-<dd>The Latin Capital Letter I key (I).</dd>
-<dt><a name='keyset-key-U-004A' id='keyset-key-U-004A'>"U+004A"</a></dt>
-<dd>The Latin Capital Letter J key (J).</dd>
-<dt><a name='keyset-key-U-004B' id='keyset-key-U-004B'>"U+004B"</a></dt>
-<dd>The Latin Capital Letter K key (K).</dd>
-<dt><a name='keyset-key-U-004C' id='keyset-key-U-004C'>"U+004C"</a></dt>
-<dd>The Latin Capital Letter L key (L).</dd>
-<dt><a name='keyset-key-U-004D' id='keyset-key-U-004D'>"U+004D"</a></dt>
-<dd>The Latin Capital Letter M key (M).</dd>
-<dt><a name='keyset-key-U-004E' id='keyset-key-U-004E'>"U+004E"</a></dt>
-<dd>The Latin Capital Letter N key (N).</dd>
-<dt><a name='keyset-key-U-004F' id='keyset-key-U-004F'>"U+004F"</a></dt>
-<dd>The Latin Capital Letter O key (O).</dd>
-<dt><a name='keyset-key-U-0050' id='keyset-key-U-0050'>"U+0050"</a></dt>
-<dd>The Latin Capital Letter P key (P).</dd>
-<dt><a name='keyset-key-U-0051' id='keyset-key-U-0051'>"U+0051"</a></dt>
-<dd>The Latin Capital Letter Q key (Q).</dd>
-<dt><a name='keyset-key-U-0052' id='keyset-key-U-0052'>"U+0052"</a></dt>
-<dd>The Latin Capital Letter R key (R).</dd>
-<dt><a name='keyset-key-U-0053' id='keyset-key-U-0053'>"U+0053"</a></dt>
-<dd>The Latin Capital Letter S key (S).</dd>
-<dt><a name='keyset-key-U-0054' id='keyset-key-U-0054'>"U+0054"</a></dt>
-<dd>The Latin Capital Letter T key (T).</dd>
-<dt><a name='keyset-key-U-0055' id='keyset-key-U-0055'>"U+0055"</a></dt>
-<dd>The Latin Capital Letter U key (U).</dd>
-<dt><a name='keyset-key-U-0056' id='keyset-key-U-0056'>"U+0056"</a></dt>
-<dd>The Latin Capital Letter V key (V).</dd>
-<dt><a name='keyset-key-U-0057' id='keyset-key-U-0057'>"U+0057"</a></dt>
-<dd>The Latin Capital Letter W key (W).</dd>
-<dt><a name='keyset-key-U-0058' id='keyset-key-U-0058'>"U+0058"</a></dt>
-<dd>The Latin Capital Letter X key (X).</dd>
-<dt><a name='keyset-key-U-0059' id='keyset-key-U-0059'>"U+0059"</a></dt>
-<dd>The Latin Capital Letter Y key (Y).</dd>
-<dt><a name='keyset-key-U-005A' id='keyset-key-U-005A'>"U+005A"</a></dt>
-<dd>The Latin Capital Letter Z key (Z).</dd>
-<dt><a name='keyset-key-U-005B' id='keyset-key-U-005B'>"U+005B"</a></dt>
-<dd>The Left Square Bracket (Opening Square Bracket) key ([).</dd>
-<dt><a name='keyset-key-U-005C' id='keyset-key-U-005C'>"U+005C"</a></dt>
-<dd>The Reverse Solidus (Backslash) key (\).</dd>
-<dt><a name='keyset-key-U-005D' id='keyset-key-U-005D'>"U+005D"</a></dt>
-<dd>The Right Square Bracket (Closing Square Bracket) key (]).</dd>
-<dt><a name='keyset-key-U-005E' id='keyset-key-U-005E'>"U+005E"</a></dt>
-<dd>The Circumflex Accent key (^).</dd>
-<dt><a name='keyset-key-U-005F' id='keyset-key-U-005F'>"U+005F"</a></dt>
-<dd>The Low Sign (Spacing Underscore, Underscore) key (_).</dd>
-<dt><a name='keyset-key-U-0060' id='keyset-key-U-0060'>"U+0060"</a></dt>
-<dd>The Grave Accent (Back Quote) key (`).</dd>
-<dt><a name='keyset-key-U-007B' id='keyset-key-U-007B'>"U+007B"</a></dt>
-<dd>The Left Curly Bracket (Opening Curly Bracket, Opening Brace, Brace Left) key ({).</dd>
-<dt><a name='keyset-key-U-007C' id='keyset-key-U-007C'>"U+007C"</a></dt>
-<dd>The Vertical Line (Vertical Bar, Pipe) key (|).</dd>
-<dt><a name='keyset-key-U-007D' id='keyset-key-U-007D'>"U+007D"</a></dt>
-<dd>The Right Curly Bracket (Closing Curly Bracket, Closing Brace, Brace Right) key (}).</dd>
-<dt><a name='keyset-key-U-007F' id='keyset-key-U-007F'>"U+007F"</a></dt>
-<dd>The Delete (Del) Key.</dd>
-<dt><a name='keyset-key-U-00A1' id='keyset-key-U-00A1'>"U+00A1"</a></dt>
-<dd>The Inverted Exclamation Mark key (¡).</dd>
-<dt><a name='keyset-key-U-0300' id='keyset-key-U-0300'>"U+0300"</a></dt>
-<dd>The Combining Grave Accent (Greek Varia, Dead Grave) key.</dd>
-<dt><a name='keyset-key-U-0301' id='keyset-key-U-0301'>"U+0301"</a></dt>
-<dd>The Combining Acute Accent (Stress Mark, Greek Oxia, Tonos, Dead Eacute) key.</dd>
-<dt><a name='keyset-key-U-0302' id='keyset-key-U-0302'>"U+0302"</a></dt>
-<dd>The Combining Circumflex Accent (Hat, Dead Circumflex) key.</dd>
-<dt><a name='keyset-key-U-0303' id='keyset-key-U-0303'>"U+0303"</a></dt>
-<dd>The Combining Tilde (Dead Tilde) key.</dd>
-<dt><a name='keyset-key-U-0304' id='keyset-key-U-0304'>"U+0304"</a></dt>
-<dd>The Combining Macron (Long, Dead Macron) key.</dd>
-<dt><a name='keyset-key-U-0306' id='keyset-key-U-0306'>"U+0306"</a></dt>
-<dd>The Combining Breve (Short, Dead Breve) key.</dd>
-<dt><a name='keyset-key-U-0307' id='keyset-key-U-0307'>"U+0307"</a></dt>
-<dd>The Combining Dot Above (Derivative, Dead Above Dot) key.</dd>
-<dt><a name='keyset-key-U-0308' id='keyset-key-U-0308'>"U+0308"</a></dt>
-<dd>The Combining Diaeresis (Double Dot Abode, Umlaut, Greek Dialytika, Double Derivative, Dead Diaeresis) key.</dd>
-<dt><a name='keyset-key-U-030A' id='keyset-key-U-030A'>"U+030A"</a></dt>
-<dd>The Combining Ring Above (Dead Above Ring) key.</dd>
-<dt><a name='keyset-key-U-030B' id='keyset-key-U-030B'>"U+030B"</a></dt>
-<dd>The Combining Double Acute Accent (Dead Doubleacute) key.</dd>
-<dt><a name='keyset-key-U-030C' id='keyset-key-U-030C'>"U+030C"</a></dt>
-<dd>The Combining Caron (Hacek, V Above, Dead Caron) key.</dd>
-<dt><a name='keyset-key-U-0327' id='keyset-key-U-0327'>"U+0327"</a></dt>
-<dd>The Combining Cedilla (Dead Cedilla) key.</dd>
-<dt><a name='keyset-key-U-0328' id='keyset-key-U-0328'>"U+0328"</a></dt>
-<dd>The Combining Ogonek (Nasal Hook, Dead Ogonek) key.</dd>
-<dt><a name='keyset-key-U-0345' id='keyset-key-U-0345'>"U+0345"</a></dt>
-<dd>The Combining Greek Ypogegrammeni (Greek Non-Spacing Iota Below, Iota Subscript, Dead Iota) key.</dd>
-<dt><a name='keyset-key-U-20AC' id='keyset-key-U-20AC'>"U+20AC"</a></dt>
-<dd>The Euro Currency Sign key (€).</dd>
-<dt><a name='keyset-key-U-3099' id='keyset-key-U-3099'>"U+3099"</a></dt>
-<dd>The Combining Katakana-Hiragana Voiced Sound Mark (Dead Voiced Sound) key.</dd>
-<dt><a name='keyset-key-U-309A' id='keyset-key-U-309A'>"U+309A"</a></dt>
-<dd>The Combining Katakana-Hiragana Semi-Voiced Sound Mark (Dead Semivoiced Sound) key.</dd>
-</dl>
-</div>
-<!-- div2 KeySet-Set --></div>
-<!-- div1 KeySet -->
-<a id='changes' name='changes'></a>
-<div class='noprint' style='text-align: right'>
-<p style='font-family: monospace;font-size:small'>January 2008</p>
-</div>
-<div class='div1'><a name='changes-Changes' id='changes-Changes'></a>
-<h1 id='changes-Changes-h1' class='adiv1'>Appendix B: Changes</h1>
-<dl>
-<dt><i>Editors</i>:</dt>
-<dd><a href='http://bjoern.hoehrmann.de/'>Björn Höhrmann</a></dd>
-<dd>Philippe Le Hégaret, W3C (until November 2003)</dd>
-</dl>
-<div class='div2'><a name='changes-DOMEvents2to3Changes' id='changes-DOMEvents2to3Changes'></a>
-<h2 id='changes-DOMEvents2to3Changes-h2' class='adiv2'>B.1 Changes between DOM Level 2 Events and DOM Level 3 Events</h2>
-<p>Numerous clarifications to the interfaces and event types have been made. The <code>HTMLEvents</code> module is no longer defined in this document. The event types <code>focus</code> and <code>blur</code> have been added to the <a href='#events-Events-UIEvent'><code>UIEvents</code></a> module, the event type <code>dblclick</code> has been added to the <a href='#events-Events-MouseEvent'><code>MouseEvents</code></a> module. This new specification provides a better separation between the DOM event flow, the event types, and the DOM interfaces.</p>
-<div class='div3'><a name='changes-DOMEvents2to3Changes-flow' id='changes-DOMEvents2to3Changes-flow'></a>
-<h3 id='changes-DOMEvents2to3Changes-flow-h3' class='adiv3'>B.1.1 Changes to DOM Level 2 event flow</h3>
-<p>This new specification introduced one new concept in the event flow:</p>
-<ul>
-<li>ordering of event listeners: event listeners are now ordered while ordering was unspecified in DOM Level 2 Events.</li>
-</ul>
-</div>
-<!-- div3 DOMEvents2to3Changes-flow -->
-<div class='div3'><a name='changes-DOMEvents2to3Changes-event-types' id='changes-DOMEvents2to3Changes-event-types'></a>
-<h3 id='changes-DOMEvents2to3Changes-event-types-h3' class='adiv3'>B.1.2 Changes to DOM Level 2 event types</h3>
-<p>Lots of clarifications have been made on the event types. The conformance is now explicitly defined against the event types, and not only in terms of interfaces required by the event types. Support for namespaces and the features <code>"BasicEvents"</code>, <code>"TextEvents"</code>, <code>"KeyboardEvents"</code>, and <code>"MutationNameEvents"</code> have been introduced.</p>
-</div>
-<!-- div3 DOMEvents2to3Changes-event-types -->
-<div class='div3'><a name='changes-DOMLevel2to3Changes' id='changes-DOMLevel2to3Changes'></a>
-<h3 id='changes-DOMLevel2to3Changes-h3' class='adiv3'>B.1.3 Changes to DOM Level 2 Events interfaces</h3>
-<dl>
-<dt>Interface <a href='#events-Events-Event'><code>Event</code></a></dt>
-<dd>The <a href='#events-Events-Event'><code>Event</code></a> interface has two new attributes <a href='#events-Events-Event-namespaceURI'><code>Event.namespaceURI</code></a> and <a href='#events-Events-Event-defaultPrevented'><code>Event.defaultPrevented</code></a>, and two new methods: <a href='#events-Events-Event-stopImmediatePropagation'><code>Event.stopImmediatePropagation()</code></a>, <a href='#events-Events-Event-initEventNS'><code>Event.initEventNS()</code></a>.<br />
-<a href='#events-Events-Event-timeStamp'><code>Event.timeStamp</code></a> is now a <code>Number</code> in the ECMAScript binding; a proposed correction to make the same change in [<cite><a class='noxref normative' href='#references-DOMCore'>DOM Level 3 Core</a></cite>] is forthcoming.<br />
-DOM Level 3 Events considers the <a href='#events-Events-Event-type'><code>Event.type</code></a> attribute to be case-sensitive, while DOM Level 2 Events considers <a class='noxref' href='#events-Events-Event-type'><code>Event.type</code></a> to be case-insensitive.</dd>
-<dt>Interface <a href='#events-Events-EventTarget'><code>EventTarget</code></a></dt>
-<dd>The <a href='#events-Events-EventTarget'><code>EventTarget</code></a> interface has two new methods: <a href='#events-Events-EventTargetGroup-addEventListenerNS'><code>EventTarget.addEventListenerNS()</code></a> and <a href='#events-Events-EventTargetGroup-removeEventListenerNS'><code>EventTarget.removeEventListenerNS()</code></a>. The method <a href='#events-Events-EventTarget-dispatchEvent'><code>EventTarget.dispatchEvent()</code></a> was modified.</dd>
-<dt>Interface <a href='#events-Events-DocumentEvent'><code>DocumentEvent</code></a></dt>
-<dd>The <a href='#events-Events-DocumentEvent'><code>DocumentEvent</code></a> interface has one new method: <a href='#events-Events-DocumentEvent-canDispatch'><code>DocumentEvent.canDispatch()</code></a>.</dd>
-<dt>Interface <a href='#events-Events-UIEvent'><code>UIEvent</code></a></dt>
-<dd>The <a href='#events-Events-UIEvent'><code>UIEvent</code></a> interface has a new method <a href='#events-Events-Event-initUIEventNS'><code>UIEvent.initUIEventNS()</code></a>.</dd>
-<dt>Interface <a href='#events-Events-MouseEvent'><code>MouseEvent</code></a></dt>
-<dd>The <a href='#events-Events-MouseEvent'><code>MouseEvent</code></a> interface has two new methods <a href='#events-Events-MouseEvent-getModifierState'><code>MouseEvent.getModifierState()</code></a> and <a href='#events-Events-Event-initMouseEventNS'><code>MouseEvent.initMouseEventNS()</code></a>.</dd>
-<dt>Interface <a href='#events-Events-MutationEvent'><code>MutationEvent</code></a></dt>
-<dd>The <a href='#events-Events-MutationEvent'><code>MutationEvent</code></a> interface has a new method <a href='#events-Events-Event-initMutationEventNS'><code>MutationEvent.initMutationEventNS()</code></a>.</dd>
-<dt>Exception <a href='#events-Events-EventException'><code>EventException</code></a></dt>
-<dd>The <a href='#events-DISPATCH_REQUEST_ERR'><code>DISPATCH_REQUEST_ERR</code></a> constant has been added.</dd>
-</dl>
-</div>
-<!-- div3 DOMLevel2to3Changes -->
-<div class='div3'><a name='changes-DOMLevel3Addons' id='changes-DOMLevel3Addons'></a>
-<h3 id='changes-DOMLevel3Addons-h3' class='adiv3'>B.1.4 New Interfaces</h3>
-<p>The interfaces <a href='#events-Events-CustomEvent'><code>CustomEvent</code></a>, <a href='#events-Events-TextEvent'><code>TextEvent</code></a>, <a href='#events-Events-KeyboardEvent'><code>KeyboardEvent</code></a>, <a href='#events-Events-MutationNameEvent'><code>MutationNameEvent</code></a>, <a href='#events-Events-WheelEvent'><code>WheelEvent</code></a>, and <a href='#events-Events-MouseWheelEvent'><code>MouseWheelEvent</code></a> were added to the Events module.</p>
-</div>
-<!-- div3 DOMLevel3Addons --></div>
-<!-- div2 DOMEvents2to3Changes --></div>
-<!-- div1 Changes -->
-<a id='security-considerations' name='security-considerations'></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='security-considerations-Security' id='security-considerations-Security'></a>
-<h1 id='security-considerations-Security-h1' class='adiv1'>Appendix C: Security Considerations</h1>
-<dl>
-<dt><i>Editor</i>:</dt>
-<dd><a href='http://bjoern.hoehrmann.de/'>Björn Höhrmann</a></dd>
-</dl>
-<p class='first'>This appendix discusses security considerations for DOM Level 3 Events implementations. The discussion is limited to security issues that arise directly from implementation of the event model, APIs and events defined in this specification. Implementations typically support other features like scripting languages, other APIs and additional events not defined in this document; these features constitute an unknown factor and are out of scope of this document. Implementers should consult the specifications of such features for their respective security considerations.</p>
-<p>Many of the event types defined in this specification are dispatched in response to user actions. This allows malicious event listeners to gain access to information users would typically consider confidential, e.g., typos they might have made when filling out a form, if they reconsider their answer to a multiple choice question shortly before submitting a form, their typing rate or primary input mechanism. In the worst case, malicious event listeners are able to capture all user interactions and submit them to a third party through means, while not defined in DOM Level 3 Events, generally available in DOM implementations.</p>
-<p>In DOM implementations that support facilities to load external data, events like the <code>error</code> event can provide access to sensitive information about the environment of the computer system or network; an example would be a malicious HTML document that attempts to embed a resource on the local network or the localhost on different ports; an embedded DOM application could then listen for <code>error</code> and <code>load</code> events to determine which other computers in a network are accessible from the local system or which ports are open on the system to prepare further attacks.</p>
-<p>An implementation of DOM Level 3 Events alone is generally insufficient to perform attacks of this kind and the security considerations of the facilities that possibly support such attacks apply. For conformance with this specification, DOM implementations may take reasonable steps to ensure that DOM applications do not get access to confidential or sensitive information, for example, they may choose to dispatch no <code>load</code> events to nodes that attempt to embed resources on the local network.</p>
-<p>The <a href='#events-Events-DocumentEvent-canDispatch'><code>DocumentEvent.canDispatch()</code></a> method allows DOM applications to retrieve information about which event types the implementation supports, including event types not defined in this specification. Which event types a DOM Level 3 Events implementation supports can depend on configuration settings or on additional software modules available to the implementation.</p>
-</div>
-<!-- div1 Security -->
-<a id='idl-definitions' name='idl-definitions'></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='idl-definitions-idl' id='idl-definitions-idl'></a>
-<h1 id='idl-definitions-idl-h1' class='adiv1'>Appendix D: IDL Definitions</h1>
-<p class='first'>This appendix contains the complete OMG IDL [<cite><a class='noxref normative' href='#references-OMGIDL'>OMG IDL</a></cite>] for the Level 3 Document Object Model Events definitions.</p>
-<p>The IDL files are also available as: <a class='normative' href='idl.zip'>http://www.w3.org/TR/2007/WD-DOM-Level-3-Events-20071207/idl.zip</a></p>
-<h3 id='idl-definitions-idl-events.idl'><a href='idl/events.idl'>events.idl</a>:</h3>
-<div class='idl-code'>
-<pre>
+ <li><code>"keyup"</code>: <code>"U+0302"</code></li>
+ <li><code>"keydown"</code>: <code>"U+0045"</code> (Latin Capital Letter E key)</li>
+ <li><code>"textInput"</code>: <code>"a"</code></li>
+ <li><code>"keyup"</code>: <code>"U+0045"</code></li>
+ </ol>
+ </div>
+ <!-- div3 cancelable_keys -->
+ <div class="div3">
+ <a name="keyset-Guide" id="keyset-Guide"> </a>
+ <h3 id="keyset-Guide-h3" class="adiv3">A.1.5 Guidelines for defining key identifiers</h3>
+ <div class="atrisk">
+ <p class="issue">This section is the original guideline. We are considering making a more detailed, normative guideline, below.</p>
+ <p><strong>Note:</strong> This section is non-normative.</p>
+ <p>The list of key identifiers contained in this appendix is not exhaustive and input devices may have to define their own key identifiers. Here is a algorithm to determine which key identifier to use:</p>
+ <ol>
+ <li>Determine a representation for the key by looking at the keyboard layout mapping in use (and not the keyboard device in use). This representation should be unique, as human friendly as possible, platform independent, and consistent. For example, on PC/AT US keyboards with a US mapping, the 'Q' key is mapped to the key identifier "U+0051" (Latin Capital Letter Q key), the '1/!' key is mapped to the key identifier "U+0031" (Digit One key), the key '`/~' is mapped to the key identifier "U+0060" (Grave Accent key), and the 'Enter' key is mapped to the key identifier "Enter".</li>
+ <li>Find an appropriate mapping in the Unicode character set. There might not always be an appropriate and obvious mapping: the Unicode set contains characters and symbols, the key might generate different characters depending on the operating system, ... In general, unless the representation of the key can be mapped to a unique Unicode character, it is better to create a new one.</li>
+ <li>If no appropriate mapping was found, create a key identifier as human friendly as possible. The key identifier must not contain white spaces. As an example, the Enter key is mapped to the key identifier "Enter" and not to "U+000A" (Line Feed), given that this key generates the character "U+000A" on Unix operating systems and the characters "U+000D" and "U+000A" on Windows operating systems.</li>
+ </ol>
+ </div>
+
+
+ <p><strong>Note:</strong> This section is normative.</p>
+<p>The list of key identifiers contained in this appendix is not exhaustive and input devices may have to define their own key identifiers. Here is a algorithm to determine which key identifier to use:</p>
+
+ <ol>
+ <li> Consider the primary function of the key (i.e., without modifiers), taking into consideration the keyboard layout mapping in use, to determine if a corresponding Unicode character exists from which a key identifier may be derived. If multiple Unicode characters exist which correspond to the primary function of the key, the Unicode character with the lowest codepoint must be used.
+ <ol>
+ <li> If the primary function of the key is to generate a character, and that character is in one of the <a href="#glossary-dt-Unicode-character-categories">Unicode character categories</a> for which there exists an equivalent single character in class <abbr title="Letter, Uppercase">Lu</abbr>, the uppercase character should be used instead. </li>
+ <li> If the primary function of the key is to generate a character that is not in one of the above general categories, or if the primary function of the key is a function for which there exists a corresponding Unicode character that is not in one of the above general categories, then:
+ <ol>
+ <li>If there exists an appropriate key identifier in the <a href="#keyset-KeySet-Set">key identifiers set</a>, and that key identifier does not have a Unicode codepoint, that key identifier must be used.</li>
+ <li>If there exists an appropriate key identifier in the <a href="#keyset-KeySet-Set">key identifiers set</a>, and that key identifier has a Unicode codepoint, and that key identifier is in one of the <a href="#glossary-dt-Unicode-character-categories">Unicode character categories</a>, then the character value itself for that key identifier must be used.</li>
+ <!--
+ <li>If there exists an appropriate key identifier in the <a href="#keyset-KeySet-Set">key identifiers set</a>, and that key identifier has a Unicode codepoint, and that key identifier is not in one of the <a href="#glossary-dt-Unicode-character-categories">Unicode character categories</a>, then the Unicode codepoint string for that key identifier must be used.</li>
+ <li>If there exists an appropriate key identifier in the <a href="#keyset-KeySet-Set">key identifiers set</a>, that key identifier must be used for the value of the <a href="#events-Events-UIEvent-data"><code class="attr-value">data</code></a> attribute of a <a class="noxref" href="#events-Events-TextEvent"><code class="interface">TextEvent</code></a>. The value of a markup attribute must use one of the canonical values from the <a href="#keyset-KeySet-Set">key identifiers set</a>, but may use the named key identifier, the Unicode codepoint value, or the literal character, as appropriate.</li>
+ -->
+ <li>If there is no appropriate key identifier in the <a href="#keyset-KeySet-Set">key identifiers set</a>, then the key identifier is a string beginning with "U+" and followed by the Unicode codepoint of the character in hexadecimal, using at least four digits. Leading zeroes must be omitted unless they are required to make the codepoint use at least four digits.</li>
+ </ol>
+ </li>
+ </ol>
+ </li>
+ <li> For keys with no corresponding Unicode character, a key identifier can be devised. The key identifier should be as human friendly as possible and must not contain whitespace. The identifier must be composed only of characters in the ranges <abbr title="0-9">U+0030..U+0039</abbr>, <abbr title="A-Z">U+0041..U+005A</abbr>, or <abbr title="a-z">U+0061..U+007A</abbr>, and must begin with a character in the range <abbr title="A-Z">U+0041..U+005A</abbr>.
+ <p class="issue">Why should we not allow names in other ranges (Chinese, for example)?</p></li>
+ </ol>
+ <p>Examples:</p>
+ <ul>
+ <li> On a PC/AT US keyboard with a US keyboard mapping, the primary function (unmodified) of the 'Q' key is to generate the character U+0071. Since this character is in general category Ll, and there is a single corresponding character in Lu, U+0051, this character is used instead. Thus, the key identifier is "Q". </li>
+ <li> On a PC/AT US keyboard with a two-handed Dvorak keyboard mapping, the 'Q' key maps to the '5/%' key. The primary function of this key is to generate the character U+0035. Since this character is in general category Nd, the key identifier is "5". </li>
+ <li> On a French PC keyboard with a standard French mapping, the primary function of the '^' key is as a dead key for the circumflex diacritical mark. This corresponds to the combining Unicode character U+0302. Since this character is in general category Mn, the key identifier is "U+0302". </li>
+ <li> On a Korean PC keyboard with a standard Korean mapping, the primary function of the 'Ha/En' key is to switch between Hangul and English input. The predefined key identifier list has an appropriate entry for this key, "HangulMode", so this is the key identifier. </li>
+ <li> On some models of PDAs, the primary function of the key with a picture of a calendar on it is to launch the calendaring program. Since there is no Unicode character that corresponds to this function, and there is no appropriate entry in the predefined key identifier list, an new identifier can be devised, such as "Calendar".
+ </li>
+ <ul>
+ </div>
+
+<p class="issue">In the case of markup and attribute values, should the Key Identifiers for character keys be case-insensitive?</p>
+ <!-- div3 Guide -->
+ </div>
+ <!-- div2 KeySet-intro -->
+ <div class="div2">
+ <a name="keyset-KeySet-Set" id="keyset-KeySet-Set"> </a>
+ <h2 id="keyset-KeySet-Set-h2" class="adiv2">A.2 Key identifiers set</h2>
+ <p><strong>Note:</strong> The keycodes <code>Multiply</code>, <code>Add</code>, <code>Substract</code>, <code>Decimal</code>, <code>Separator</code>, <code>Divide</code>, <code>NumPad0</code>, <code>NumPad1</code>, <code>NumPad2</code>, <code>NumPad3</code>, <code>NumPad4</code>, <code>NumPad5</code>, <code>NumPad6</code>, <code>NumPad7</code>, <code>NumPad8</code>, and <code>NumPad9</code> are not part of this set. Use <a href="#events-Events-KeyboardEvent-keylocation">
+ <code>KeyboardEvent.keyLocation</code>
+ </a> to know if a key originated from the numeric keypad.</p>
+ <dl>
+ <dt><a name="keyset-key-Accept" id="keyset-key-Accept">"Accept"</a></dt>
+ <dd>The Accept (Commit, OK) key.</dd>
+ <dt><a name="keyset-key-Again" id="keyset-key-Again">"Again"</a></dt>
+ <dd>The Again key.</dd>
+ <dt><a name="keyset-key-AllCandidates" id="keyset-key-AllCandidates">"AllCandidates"</a></dt>
+ <dd>The All Candidates key.</dd>
+ <dt><a name="keyset-key-Alphanumeric" id="keyset-key-Alphanumeric">"Alphanumeric"</a></dt>
+ <dd>The Alphanumeric key.</dd>
+ <dt><a name="keyset-key-Alt" id="keyset-key-Alt">"Alt"</a></dt>
+ <dd>The Alt (Menu) key.</dd>
+ <dt><a name="keyset-key-AltGraph" id="keyset-key-AltGraph">"AltGraph"</a></dt>
+ <dd>The Alt-Graph key.</dd>
+ <dt><a name="keyset-key-Apps" id="keyset-key-Apps">"Apps"</a></dt>
+ <dd>The Application key.</dd>
+ <dt><a name="keyset-key-Attn" id="keyset-key-Attn">"Attn"</a></dt>
+ <dd>The ATTN key.</dd>
+ <dt><a name="keyset-key-BrowserBack" id="keyset-key-BrowserBack">"BrowserBack"</a></dt>
+ <dd>The Browser Back key.</dd>
+ <dt><a name="keyset-key-BrowserFavorites" id="keyset-key-BrowserFavorites">"BrowserFavorites"</a></dt>
+ <dd>The Browser Favorites key.</dd>
+ <dt><a name="keyset-key-BrowserForward" id="keyset-key-BrowserForward">"BrowserForward"</a></dt>
+ <dd>The Browser Forward key.</dd>
+ <dt><a name="keyset-key-BrowserHome" id="keyset-key-BrowserHome">"BrowserHome"</a></dt>
+ <dd>The Browser Home key.</dd>
+ <dt><a name="keyset-key-BrowserRefresh" id="keyset-key-BrowserRefresh">"BrowserRefresh"</a></dt>
+ <dd>The Browser Refresh key.</dd>
+ <dt><a name="keyset-key-BrowserSearch" id="keyset-key-BrowserSearch">"BrowserSearch"</a></dt>
+ <dd>The Browser Search key.</dd>
+ <dt><a name="keyset-key-BrowserStop" id="keyset-key-BrowserStop">"BrowserStop"</a></dt>
+ <dd>The Browser Stop key.</dd>
+ <dt><a name="keyset-key-CapsLock" id="keyset-key-CapsLock">"CapsLock"</a></dt>
+ <dd>The Caps Lock (Capital) key.</dd>
+ <dt><a name="keyset-key-Clear" id="keyset-key-Clear">"Clear"</a></dt>
+ <dd>The Clear key.</dd>
+ <dt><a name="keyset-key-CodeInput" id="keyset-key-CodeInput">"CodeInput"</a></dt>
+ <dd>The Code Input key.</dd>
+ <dt><a name="keyset-key-Compose" id="keyset-key-Compose">"Compose"</a></dt>
+ <dd>The Compose key.</dd>
+ <dt><a name="keyset-key-Control" id="keyset-key-Control">"Control"</a></dt>
+ <dd>The Control (Ctrl) key.</dd>
+ <dt><a name="keyset-key-Crsel" id="keyset-key-Crsel">"Crsel"</a></dt>
+ <dd>The Crsel key.</dd>
+ <dt><a name="keyset-key-Convert" id="keyset-key-Convert">"Convert"</a></dt>
+ <dd>The Convert key.</dd>
+ <dt><a name="keyset-key-Copy" id="keyset-key-Copy">"Copy"</a></dt>
+ <dd>The Copy key.</dd>
+ <dt><a name="keyset-key-Cut" id="keyset-key-Cut">"Cut"</a></dt>
+ <dd>The Cut key.</dd>
+ <dt><a name="keyset-key-Down" id="keyset-key-Down">"Down"</a></dt>
+ <dd>The Down Arrow key.</dd>
+ <dt><a name="keyset-key-DownLeft" id="keyset-key-DownLeft">"DownLeft"</a></dt>
+ <dd>The diagonal Down-Left Arrow key.</dd>
+ <dt><a name="keyset-key-DownRight" id="keyset-key-DownRight">"DownRight"</a></dt>
+ <dd>The diagonal Down-Right Arrow key.</dd>
+ <dt><a name="keyset-key-End" id="keyset-key-End">"End"</a></dt>
+ <dd>The End key.</dd>
+ <dt><a name="keyset-key-Enter" id="keyset-key-Enter">"Enter"</a></dt>
+ <dd>The Enter key.
+ <p><strong>Note:</strong> This key identifier is also used for the Return (Macintosh numpad) key.</p>
+ </dd>
+ <dt><a name="keyset-key-EraseEof" id="keyset-key-EraseEof">"EraseEof"</a></dt>
+ <dd>The Erase EOF key.</dd>
+ <dt><a name="keyset-key-Execute" id="keyset-key-Execute">"Execute"</a></dt>
+ <dd>The Execute key.</dd>
+ <dt><a name="keyset-key-Exsel" id="keyset-key-Exsel">"Exsel"</a></dt>
+ <dd>The Exsel key.</dd>
+ <dt><a name="keyset-key-F1" id="keyset-key-F1">"F1"</a></dt>
+ <dd>The F1 key.</dd>
+ <dt><a name="keyset-key-F2" id="keyset-key-F2">"F2"</a></dt>
+ <dd>The F2 key.</dd>
+ <dt><a name="keyset-key-F3" id="keyset-key-F3">"F3"</a></dt>
+ <dd>The F3 key.</dd>
+ <dt><a name="keyset-key-F4" id="keyset-key-F4">"F4"</a></dt>
+ <dd>The F4 key.</dd>
+ <dt><a name="keyset-key-F5" id="keyset-key-F5">"F5"</a></dt>
+ <dd>The F5 key.</dd>
+ <dt><a name="keyset-key-F6" id="keyset-key-F6">"F6"</a></dt>
+ <dd>The F6 key.</dd>
+ <dt><a name="keyset-key-F7" id="keyset-key-F7">"F7"</a></dt>
+ <dd>The F7 key.</dd>
+ <dt><a name="keyset-key-F8" id="keyset-key-F8">"F8"</a></dt>
+ <dd>The F8 key.</dd>
+ <dt><a name="keyset-key-F9" id="keyset-key-F9">"F9"</a></dt>
+ <dd>The F9 key.</dd>
+ <dt><a name="keyset-key-F10" id="keyset-key-F10">"F10"</a></dt>
+ <dd>The F10 key.</dd>
+ <dt><a name="keyset-key-F11" id="keyset-key-F11">"F11"</a></dt>
+ <dd>The F11 key.</dd>
+ <dt><a name="keyset-key-F12" id="keyset-key-F12">"F12"</a></dt>
+ <dd>The F12 key.</dd>
+ <dt><a name="keyset-key-F13" id="keyset-key-F13">"F13"</a></dt>
+ <dd>The F13 key.</dd>
+ <dt><a name="keyset-key-F14" id="keyset-key-F14">"F14"</a></dt>
+ <dd>The F14 key.</dd>
+ <dt><a name="keyset-key-F15" id="keyset-key-F15">"F15"</a></dt>
+ <dd>The F15 key.</dd>
+ <dt><a name="keyset-key-F16" id="keyset-key-F16">"F16"</a></dt>
+ <dd>The F16 key.</dd>
+ <dt><a name="keyset-key-F17" id="keyset-key-F17">"F17"</a></dt>
+ <dd>The F17 key.</dd>
+ <dt><a name="keyset-key-F18" id="keyset-key-F18">"F18"</a></dt>
+ <dd>The F18 key.</dd>
+ <dt><a name="keyset-key-F19" id="keyset-key-F19">"F19"</a></dt>
+ <dd>The F19 key.</dd>
+ <dt><a name="keyset-key-F20" id="keyset-key-F20">"F20"</a></dt>
+ <dd>The F20 key.</dd>
+ <dt><a name="keyset-key-F21" id="keyset-key-F21">"F21"</a></dt>
+ <dd>The F21 key.</dd>
+ <dt><a name="keyset-key-F22" id="keyset-key-F22">"F22"</a></dt>
+ <dd>The F22 key.</dd>
+ <dt><a name="keyset-key-F23" id="keyset-key-F23">"F23"</a></dt>
+ <dd>The F23 key.</dd>
+ <dt><a name="keyset-key-F24" id="keyset-key-F24">"F24"</a></dt>
+ <dd>The F24 key.</dd>
+ <dt><a name="keyset-key-FinalMode" id="keyset-key-FinalMode">"FinalMode"</a></dt>
+ <dd>The Final Mode (Final) key used on some asian keyboards.</dd>
+ <dt><a name="keyset-key-Find" id="keyset-key-Find">"Find"</a></dt>
+ <dd>The Find key.</dd>
+ <dt><a name="keyset-key-FullWidth" id="keyset-key-FullWidth">"FullWidth"</a></dt>
+ <dd>The Full-Width Characters key.</dd>
+ <dt><a name="keyset-key-HalfWidth" id="keyset-key-HalfWidth">"HalfWidth"</a></dt>
+ <dd>The Half-Width Characters key.</dd>
+ <dt><a name="keyset-key-HangulMode" id="keyset-key-HangulMode">"HangulMode"</a></dt>
+ <dd>The Hangul (Korean characters) Mode key.</dd>
+ <dt><a name="keyset-key-HanjaMode" id="keyset-key-HanjaMode">"HanjaMode"</a></dt>
+ <dd>The Hanja (Korean characters) Mode key.</dd>
+ <dt><a name="keyset-key-Help" id="keyset-key-Help">"Help"</a></dt>
+ <dd>The Help key.</dd>
+ <dt><a name="keyset-key-Hiragana" id="keyset-key-Hiragana">"Hiragana"</a></dt>
+ <dd>The Hiragana (Japanese Kana characters) key.</dd>
+ <dt><a name="keyset-key-Home" id="keyset-key-Home">"Home"</a></dt>
+ <dd>The Home key.</dd>
+ <dt><a name="keyset-key-Insert" id="keyset-key-Insert">"Insert"</a></dt>
+ <dd>The Insert (Ins) key.</dd>
+ <dt><a name="keyset-key-JapaneseHiragana" id="keyset-key-JapaneseHiragana">"JapaneseHiragana"</a></dt>
+ <dd>The Japanese-Hiragana key.</dd>
+ <dt><a name="keyset-key-JapaneseKatakana" id="keyset-key-JapaneseKatakana">"JapaneseKatakana"</a></dt>
+ <dd>The Japanese-Katakana key.</dd>
+ <dt><a name="keyset-key-JapaneseRomaji" id="keyset-key-JapaneseRomaji">"JapaneseRomaji"</a></dt>
+ <dd>The Japanese-Romaji key.</dd>
+ <dt><a name="keyset-key-JunjaMode" id="keyset-key-JunjaMode">"JunjaMode"</a></dt>
+ <dd>The Junja Mode key.</dd>
+ <dt><a name="keyset-key-KanaMode" id="keyset-key-KanaMode">"KanaMode"</a></dt>
+ <dd>The Kana Mode (Kana Lock) key.</dd>
+ <dt><a name="keyset-key-KanjiMode" id="keyset-key-KanjiMode">"KanjiMode"</a></dt>
+ <dd>The Kanji (Japanese name for ideographic characters of Chinese origin) Mode key.</dd>
+ <dt><a name="keyset-key-Katakana" id="keyset-key-Katakana">"Katakana"</a></dt>
+ <dd>The Katakana (Japanese Kana characters) key.</dd>
+ <dt><a name="keyset-key-LaunchApplication1" id="keyset-key-LaunchApplication1">"LaunchApplication1"</a></dt>
+ <dd>The Start Application One key.</dd>
+ <dt><a name="keyset-key-LaunchApplication2" id="keyset-key-LaunchApplication2">"LaunchApplication2"</a></dt>
+ <dd>The Start Application Two key.</dd>
+ <dt><a name="keyset-key-LaunchMail" id="keyset-key-LaunchMail">"LaunchMail"</a></dt>
+ <dd>The Start Mail key.</dd>
+ <dt><a name="keyset-key-Left" id="keyset-key-Left">"Left"</a></dt>
+ <dd>The Left Arrow key.</dd>
+ <dt><a name="keyset-key-Menu" id="keyset-key-Menu">"Menu"</a></dt>
+ <dd>The Menu key.</dd>
+ <dt><a name="keyset-key-Meta" id="keyset-key-Meta">"Meta"</a></dt>
+ <dd>The Meta key.</dd>
+ <dt><a name="keyset-key-MediaNextTrack" id="keyset-key-MediaNextTrack">"MediaNextTrack"</a></dt>
+ <dd>The Media Next Track key.</dd>
+ <dt><a name="keyset-key-MediaPlayPause" id="keyset-key-MediaPlayPause">"MediaPlayPause"</a></dt>
+ <dd>The Media Play Pause key.</dd>
+ <dt><a name="keyset-key-MediaPreviousTrack" id="keyset-key-MediaPreviousTrack">"MediaPreviousTrack"</a></dt>
+ <dd>The Media Previous Track key.</dd>
+ <dt><a name="keyset-key-MediaStop" id="keyset-key-MediaStop">"MediaStop"</a></dt>
+ <dd>The Media Stop key.</dd>
+ <dt><a name="keyset-key-ModeChange" id="keyset-key-ModeChange">"ModeChange"</a></dt>
+ <dd>The Mode Change key.</dd>
+ <dt><a name="keyset-key-Nonconvert" id="keyset-key-Nonconvert">"Nonconvert"</a></dt>
+ <dd>The Nonconvert (Don't Convert) key.</dd>
+ <dt><a name="keyset-key-NumLock" id="keyset-key-NumLock">"NumLock"</a></dt>
+ <dd>The Number Lock key.</dd>
+ <dt><a name="keyset-key-PageDown" id="keyset-key-PageDown">"PageDown"</a></dt>
+ <dd>The Page Down (Next) key.</dd>
+ <dt><a name="keyset-key-PageUp" id="keyset-key-PageUp">"PageUp"</a></dt>
+ <dd>The Page Up key.</dd>
+ <dt><a name="keyset-key-Paste" id="keyset-key-Paste">"Paste"</a></dt>
+ <dd>The Paste key.</dd>
+ <dt><a name="keyset-key-Pause" id="keyset-key-Pause">"Pause"</a></dt>
+ <dd>The Pause key.</dd>
+ <dt><a name="keyset-key-Play" id="keyset-key-Play">"Play"</a></dt>
+ <dd>The Play key.</dd>
+ <dt><a name="keyset-key-PreviousCandidate" id="keyset-key-PreviousCandidate">"PreviousCandidate"</a></dt>
+ <dd>The Previous Candidate function key.</dd>
+ <dt><a name="keyset-key-PrintScreen" id="keyset-key-PrintScreen">"PrintScreen"</a></dt>
+ <dd>The Print Screen (PrintScrn, SnapShot) key.</dd>
+ <dt><a name="keyset-key-Process" id="keyset-key-Process">"Process"</a></dt>
+ <dd>The Process key.</dd>
+ <dt><a name="keyset-key-Props" id="keyset-key-Props">"Props"</a></dt>
+ <dd>The Props key.</dd>
+ <dt><a name="keyset-key-Right" id="keyset-key-Right">"Right"</a></dt>
+ <dd>The Right Arrow key.</dd>
+ <dt><a name="keyset-key-RomanCharacters" id="keyset-key-RomanCharacters">"RomanCharacters"</a></dt>
+ <dd>The Roman Characters function key.</dd>
+ <dt><a name="keyset-key-Scroll" id="keyset-key-Scroll">"Scroll"</a></dt>
+ <dd>The Scroll Lock key.</dd>
+ <dt><a name="keyset-key-Select" id="keyset-key-Select">"Select"</a></dt>
+ <dd>The Select key.</dd>
+ <dt><a name="keyset-key-SelectMedia" id="keyset-key-SelectMedia">"SelectMedia"</a></dt>
+ <dd>The Select Media key.</dd>
+ <dt><a name="keyset-key-Shift" id="keyset-key-Shift">"Shift"</a></dt>
+ <dd>The Shift key.</dd>
+ <dt><a name="keyset-key-Soft1" id="keyset-key-Soft1">"Soft1"</a></dt>
+ <dd>The Soft1 key.</dd>
+ <dt><a name="keyset-key-Soft2" id="keyset-key-Soft1">"Soft2"</a></dt>
+ <dd>The Soft2 key.</dd>
+ <dt><a name="keyset-key-Soft3" id="keyset-key-Soft1">"Soft3"</a></dt>
+ <dd>The Soft3 key.</dd>
+ <dt><a name="keyset-key-Soft4" id="keyset-key-Soft1">"Soft4"</a></dt>
+ <dd>The Soft4 key.</dd>
+ <dt><a name="keyset-key-Stop" id="keyset-key-Stop">"Stop"</a></dt>
+ <dd>The Stop key.</dd>
+ <dt><a name="keyset-key-Up" id="keyset-key-Up">"Up"</a></dt>
+ <dd>The Up Arrow key.</dd>
+ <dt><a name="keyset-key-UpLeft" id="keyset-key-UpLeft">"UpLeft"</a></dt>
+ <dd>The diagonal Up-Left Arrow key.</dd>
+ <dt><a name="keyset-key-UpRight" id="keyset-key-UpRight">"UpRight"</a></dt>
+ <dd>The diagonal Up-Right Arrow key.</dd>
+ <dt><a name="keyset-key-Undo" id="keyset-key-Undo">"Undo"</a></dt>
+ <dd>The Undo key.</dd>
+ <dt><a name="keyset-key-VolumeDown" id="keyset-key-VolumeDown">"VolumeDown"</a></dt>
+ <dd>The Volume Down key.</dd>
+ <dt><a name="keyset-key-VolumeMute" id="keyset-key-VolumeMute">"VolumeMute"</a></dt>
+ <dd>The Volume Mute key.</dd>
+ <dt><a name="keyset-key-VolumeUp" id="keyset-key-VolumeUp">"VolumeUp"</a></dt>
+ <dd>The Volume Up key.</dd>
+ <dt><a name="keyset-key-Win" id="keyset-key-Win">"Win"</a></dt>
+ <dd>The Windows Logo key.</dd>
+ <dt><a name="keyset-key-Zoom" id="keyset-key-Zoom">"Zoom"</a></dt>
+ <dd>The Zoom key.</dd>
+ <dt><a name="keyset-key-Backspace" id="keyset-key-Backspace">"Backspace"</a></dt>
+ <dt><a name="keyset-key-U-0008" id="keyset-key-U-0008">"U+0008"</a></dt>
+ <dd>The Backspace (Back) key.</dd>
+ <dt><a name="keyset-key-Tab" id="keyset-key-Tab">"Tab"</a></dt>
+ <dt><a name="keyset-key-U-0009" id="keyset-key-U-0009">"U+0009"</a></dt>
+ <dd>The Horizontal Tabulation (Tab) key.</dd>
+ <dt><a name="keyset-key-Cancel" id="keyset-key-Cancel">"Cancel"</a></dt>
+ <dt><a name="keyset-key-U-0018" id="keyset-key-U-0018">"U+0018"</a></dt>
+ <dd>The Cancel key.</dd>
+ <dt><a name="keyset-key-Esc" id="keyset-key-Esc">"Esc"</a></dt>
+ <dt><a name="keyset-key-U-001B" id="keyset-key-U-001B">"U+001B"</a></dt>
+ <dd>The Escape (Esc) key.</dd>
+ <dt><a name="keyset-key-Spacebar" id="keyset-key-Spacebar">"Spacebar"</a></dt>
+ <dt><a name="keyset-key-U-0020" id="keyset-key-U-0020">"U+0020"</a></dt>
+ <dd>The Space (Spacebar) key.</dd>
+ <dt><a name="keyset-key-ExclamationChar" id="keyset-key-ExclamationChar">"!"</a></dt>
+ <dt><a name="keyset-key-Exclamation" id="keyset-key-Exclamation">"Exclamation"</a></dt>
+ <dt><a name="keyset-key-U-0021" id="keyset-key-U-0021">"U+0021"</a></dt>
+ <dd>The Exclamation Mark (Factorial, Bang) key (!).</dd>
+ <dt><a name="keyset-key-DoubleQuote" id="keyset-key-DoubleQuote">"DoubleQuote"</a></dt>
+ <dt><a name="keyset-key-U-0022" id="keyset-key-U-0022">"U+0022"</a></dt>
+ <dd>The Quotation Mark (Quote Double) key (").</dd>
+ <dt><a name="keyset-key-HashChar" id="keyset-key-HashChar">"#"</a></dt>
+ <dt><a name="keyset-key-Hash" id="keyset-key-Hash">"Hash"</a></dt>
+ <dt><a name="keyset-key-U-0023" id="keyset-key-U-0023">"U+0023"</a></dt>
+ <dd>The Number Sign (Pound Sign, Hash, Crosshatch, Octothorpe) key (#).</dd>
+ <dt><a name="keyset-key-DollarChar" id="keyset-key-DollarChar">"$"</a></dt>
+ <dt><a name="keyset-key-Dollar" id="keyset-key-Dollar">"Dollar"</a></dt>
+ <dt><a name="keyset-key-U-0024" id="keyset-key-U-0024">"U+0024"</a></dt>
+ <dd>The Dollar Sign (milreis, escudo) key ($).</dd>
+ <dt><a name="keyset-key-AmpersandChar" id="keyset-key-AmpersandChar">"&"</a></dt>
+ <dt><a name="keyset-key-Ampersand" id="keyset-key-Ampersand">"Ampersand"</a></dt>
+ <dt><a name="keyset-key-U-0026" id="keyset-key-U-0026">"U+0026"</a></dt>
+ <dd>The Ampersand key (&).</dd>
+ <dt><a name="keyset-key-Apostrophe" id="keyset-key-Apostrophe">"Apostrophe"</a></dt>
+ <dt><a name="keyset-key-U-0027" id="keyset-key-U-0027">"U+0027"</a></dt>
+ <dd>The Apostrophe (Apostrophe-Quote, APL Quote) key (').</dd>
+ <dt><a name="keyset-key-LeftParenChar" id="keyset-key-LeftParenChar">"("</a></dt>
+ <dt><a name="keyset-key-LeftParen" id="keyset-key-LeftParen">"LeftParen"</a></dt>
+ <dt><a name="keyset-key-U-0028" id="keyset-key-U-0028">"U+0028"</a></dt>
+ <dd>The Left Parenthesis (Opening Parenthesis) key (().</dd>
+ <dt><a name="keyset-key-RightParenChar" id="keyset-key-RightParenChar">")"</a></dt>
+ <dt><a name="keyset-key-RightParen" id="keyset-key-RightParen">"RightParen"</a></dt>
+ <dt><a name="keyset-key-U-0029" id="keyset-key-U-0029">"U+0029"</a></dt>
+ <dd>The Right Parenthesis (Closing Parenthesis) key ()).</dd>
+ <dt><a name="keyset-key-AsterixChar" id="keyset-key-AsterixChar">"*"</a></dt>
+ <dt><a name="keyset-key-Asterix" id="keyset-key-Asterix">"Asterix"</a></dt>
+ <dt><a name="keyset-key-U-002A" id="keyset-key-U-002A">"U+002A"</a></dt>
+ <dd>The Asterix (Star) key (*).</dd>
+ <dt><a name="keyset-key-PlusChar" id="keyset-key-PlusChar">"+"</a></dt>
+ <dt><a name="keyset-key-Plus" id="keyset-key-Plus">"Plus"</a></dt>
+ <dt><a name="keyset-key-U-002B" id="keyset-key-U-002B">"U+002B"</a></dt>
+ <dd>The Plus Sign (Plus) key (+).</dd>
+ <dt><a name="keyset-key-CommaChar" id="keyset-key-CommaChar">","</a></dt>
+ <dt><a name="keyset-key-Comma" id="keyset-key-Comma">"Comma"</a></dt>
+ <dt><a name="keyset-key-U-002C" id="keyset-key-U-002C">"U+002C"</a></dt>
+ <dd>The Comma (decimal separator) sign key (,).</dd>
+ <dt><a name="keyset-key-HyphenMinusChar" id="keyset-key-HyphenMinusChar">"-"</a></dt>
+ <dt><a name="keyset-key-HyphenMinus" id="keyset-key-HyphenMinus">"HyphenMinus"</a></dt>
+ <dt><a name="keyset-key-U-002D" id="keyset-key-U-002D">"U+002D"</a></dt>
+ <dd>The Hyphen-minus (hyphen or minus sign) key (-).</dd>
+ <dt><a name="keyset-key-PeriodChar" id="keyset-key-PeriodChar">"."</a></dt>
+ <dt><a name="keyset-key-Period" id="keyset-key-Period">"Period"</a></dt>
+ <dt><a name="keyset-key-U-002E" id="keyset-key-U-002E">"U+002E"</a></dt>
+ <dd>The Full Stop (period, dot, decimal point) key (.).</dd>
+ <dt><a name="keyset-key-SolidusChar" id="keyset-key-SolidusChar">"/"</a></dt>
+ <dt><a name="keyset-key-Solidus" id="keyset-key-Solidus">"Solidus"</a></dt>
+ <dt><a name="keyset-key-U-002F" id="keyset-key-U-002F">"U+002F"</a></dt>
+ <dd>The Solidus (slash, virgule, shilling) key (/).</dd>
+ <dt><a name="keyset-key-0" id="keyset-key-0">"0"</a></dt>
+ <dt><a name="keyset-key-U-0030" id="keyset-key-U-0030">"U+0030"</a></dt>
+ <dd>The Digit Zero key (0).</dd>
+ <dt><a name="keyset-key-1" id="keyset-key-1">"1"</a></dt>
+ <dt><a name="keyset-key-U-0031" id="keyset-key-U-0031">"U+0031"</a></dt>
+ <dd>The Digit One key (1).</dd>
+ <dt><a name="keyset-key-2" id="keyset-key-2">"2"</a></dt>
+ <dt><a name="keyset-key-U-0032" id="keyset-key-U-0032">"U+0032"</a></dt>
+ <dd>The Digit Two key (2).</dd>
+ <dt><a name="keyset-key-3" id="keyset-key-3">"3"</a></dt>
+ <dt><a name="keyset-key-U-0033" id="keyset-key-U-0033">"U+0033"</a></dt>
+ <dd>The Digit Three key (3).</dd>
+ <dt><a name="keyset-key-4" id="keyset-key-4">"4"</a></dt>
+ <dt><a name="keyset-key-U-0034" id="keyset-key-U-0034">"U+0034"</a></dt>
+ <dd>The Digit Four key (4).</dd>
+ <dt><a name="keyset-key-5" id="keyset-key-5">"5"</a></dt>
+ <dt><a name="keyset-key-U-0035" id="keyset-key-U-0035">"U+0035"</a></dt>
+ <dd>The Digit Five key (5).</dd>
+ <dt><a name="keyset-key-6" id="keyset-key-6">"6"</a></dt>
+ <dt><a name="keyset-key-U-0036" id="keyset-key-U-0036">"U+0036"</a></dt>
+ <dd>The Digit Six key (6).</dd>
+ <dt><a name="keyset-key-7" id="keyset-key-7">"7"</a></dt>
+ <dt><a name="keyset-key-U-0037" id="keyset-key-U-0037">"U+0037"</a></dt>
+ <dd>The Digit Seven key (7).</dd>
+ <dt><a name="keyset-key-8" id="keyset-key-8">"8"</a></dt>
+ <dt><a name="keyset-key-U-0038" id="keyset-key-U-0038">"U+0038"</a></dt>
+ <dd>The Digit Eight key (8).</dd>
+ <dt><a name="keyset-key-9" id="keyset-key-9">"9"</a></dt>
+ <dt><a name="keyset-key-U-0039" id="keyset-key-U-0039">"U+0039"</a></dt>
+ <dd>The Digit Nine key (9).</dd>
+ <dt><a name="keyset-key-ColonChar" id="keyset-key-ColonChar">":"</a></dt>
+ <dt><a name="keyset-key-Colon" id="keyset-key-Colon">"Colon"</a></dt>
+ <dt><a name="keyset-key-U-003A" id="keyset-key-U-003A">"U+003A"</a></dt>
+ <dd>The Colon key (:).</dd>
+ <dt><a name="keyset-key-SemicolonChar" id="keyset-key-SemicolonChar">";"</a></dt>
+ <dt><a name="keyset-key-Semicolon" id="keyset-key-Semicolon">"Semicolon"</a></dt>
+ <dt><a name="keyset-key-U-003B" id="keyset-key-U-003B">"U+003B"</a></dt>
+ <dd>The Semicolon key (;).</dd>
+ <dt><a name="keyset-key-LessThan" id="keyset-key-LessThan">"LessThan"</a></dt>
+ <dt><a name="keyset-key-U-003C" id="keyset-key-U-003C">"U+003C"</a></dt>
+ <dd>The Less-Than Sign key (<).</dd>
+ <dt><a name="keyset-key-EqualsChar" id="keyset-key-EqualsChar">"="</a></dt>
+ <dt><a name="keyset-key-Equals" id="keyset-key-Equals">"Equals"</a></dt>
+ <dt><a name="keyset-key-U-003D" id="keyset-key-U-003D">"U+003D"</a></dt>
+ <dd>The Equals Sign key (=).</dd>
+ <dt><a name="keyset-key-" id="keyset-key-">""</a></dt>
+ <dt><a name="keyset-key-U-003E" id="keyset-key-U-003E">"U+003E"</a></dt>
+ <dd>The Greater-Than Sign key (>).</dd>
+ <dt><a name="keyset-key-QuestionMarkChar" id="keyset-key-QuestionMarkChar">"?"</a></dt>
+ <dt><a name="keyset-key-QuestionMark" id="keyset-key-QuestionMark">"QuestionMark"</a></dt>
+ <dt><a name="keyset-key-U-003F" id="keyset-key-U-003F">"U+003F"</a></dt>
+ <dd>The Question Mark key (?).</dd>
+ <dt><a name="keyset-key-AtChar" id="keyset-key-AtChar">"@"</a></dt>
+ <dt><a name="keyset-key-At" id="keyset-key-At">"At"</a></dt>
+ <dt><a name="keyset-key-U-0040" id="keyset-key-U-0040">"U+0040"</a></dt>
+ <dd>The Commercial At (@) key.</dd>
+ <dt><a name="keyset-key-A" id="keyset-key-A">"A"</a></dt>
+ <dt><a name="keyset-key-U-0041" id="keyset-key-U-0041">"U+0041"</a></dt>
+ <dd>The Latin Capital Letter A key (A).</dd>
+ <dt><a name="keyset-key-B" id="keyset-key-B">"B"</a></dt>
+ <dt><a name="keyset-key-U-0042" id="keyset-key-U-0042">"U+0042"</a></dt>
+ <dd>The Latin Capital Letter B key (B).</dd>
+ <dt><a name="keyset-key-C" id="keyset-key-C">"C"</a></dt>
+ <dt><a name="keyset-key-U-0043" id="keyset-key-U-0043">"U+0043"</a></dt>
+ <dd>The Latin Capital Letter C key (C).</dd>
+ <dt><a name="keyset-key-D" id="keyset-key-D">"D"</a></dt>
+ <dt><a name="keyset-key-U-0044" id="keyset-key-U-0044">"U+0044"</a></dt>
+ <dd>The Latin Capital Letter D key (D).</dd>
+ <dt><a name="keyset-key-E" id="keyset-key-E">"E"</a></dt>
+ <dt><a name="keyset-key-U-0045" id="keyset-key-U-0045">"U+0045"</a></dt>
+ <dd>The Latin Capital Letter E key (E).</dd>
+ <dt><a name="keyset-key-F" id="keyset-key-F">"F"</a></dt>
+ <dt><a name="keyset-key-U-0046" id="keyset-key-U-0046">"U+0046"</a></dt>
+ <dd>The Latin Capital Letter F key (F).</dd>
+ <dt><a name="keyset-key-G" id="keyset-key-G">"G"</a></dt>
+ <dt><a name="keyset-key-U-0047" id="keyset-key-U-0047">"U+0047"</a></dt>
+ <dd>The Latin Capital Letter G key (G).</dd>
+ <dt><a name="keyset-key-H" id="keyset-key-H">"H"</a></dt>
+ <dt><a name="keyset-key-U-0048" id="keyset-key-U-0048">"U+0048"</a></dt>
+ <dd>The Latin Capital Letter H key (H).</dd>
+ <dt><a name="keyset-key-I" id="keyset-key-I">"I"</a></dt>
+ <dt><a name="keyset-key-U-0049" id="keyset-key-U-0049">"U+0049"</a></dt>
+ <dd>The Latin Capital Letter I key (I).</dd>
+ <dt><a name="keyset-key-J" id="keyset-key-J">"J"</a></dt>
+ <dt><a name="keyset-key-U-004A" id="keyset-key-U-004A">"U+004A"</a></dt>
+ <dd>The Latin Capital Letter J key (J).</dd>
+ <dt><a name="keyset-key-K" id="keyset-key-K">"K"</a></dt>
+ <dt><a name="keyset-key-U-004B" id="keyset-key-U-004B">"U+004B"</a></dt>
+ <dd>The Latin Capital Letter K key (K).</dd>
+ <dt><a name="keyset-key-L" id="keyset-key-L">"L"</a></dt>
+ <dt><a name="keyset-key-U-004C" id="keyset-key-U-004C">"U+004C"</a></dt>
+ <dd>The Latin Capital Letter L key (L).</dd>
+ <dt><a name="keyset-key-M" id="keyset-key-M">"M"</a></dt>
+ <dt><a name="keyset-key-U-004D" id="keyset-key-U-004D">"U+004D"</a></dt>
+ <dd>The Latin Capital Letter M key (M).</dd>
+ <dt><a name="keyset-key-N" id="keyset-key-N">"N"</a></dt>
+ <dt><a name="keyset-key-U-004E" id="keyset-key-U-004E">"U+004E"</a></dt>
+ <dd>The Latin Capital Letter N key (N).</dd>
+ <dt><a name="keyset-key-O" id="keyset-key-O">"O"</a></dt>
+ <dt><a name="keyset-key-U-004F" id="keyset-key-U-004F">"U+004F"</a></dt>
+ <dd>The Latin Capital Letter O key (O).</dd>
+ <dt><a name="keyset-key-P" id="keyset-key-P">"P"</a></dt>
+ <dt><a name="keyset-key-U-0050" id="keyset-key-U-0050">"U+0050"</a></dt>
+ <dd>The Latin Capital Letter P key (P).</dd>
+ <dt><a name="keyset-key-Q" id="keyset-key-Q">"Q"</a></dt>
+ <dt><a name="keyset-key-U-0051" id="keyset-key-U-0051">"U+0051"</a></dt>
+ <dd>The Latin Capital Letter Q key (Q).</dd>
+ <dt><a name="keyset-key-R" id="keyset-key-R">"R"</a></dt>
+ <dt><a name="keyset-key-U-0052" id="keyset-key-U-0052">"U+0052"</a></dt>
+ <dd>The Latin Capital Letter R key (R).</dd>
+ <dt><a name="keyset-key-S" id="keyset-key-S">"S"</a></dt>
+ <dt><a name="keyset-key-U-0053" id="keyset-key-U-0053">"U+0053"</a></dt>
+ <dd>The Latin Capital Letter S key (S).</dd>
+ <dt><a name="keyset-key-T" id="keyset-key-T">"T"</a></dt>
+ <dt><a name="keyset-key-U-0054" id="keyset-key-U-0054">"U+0054"</a></dt>
+ <dd>The Latin Capital Letter T key (T).</dd>
+ <dt><a name="keyset-key-U" id="keyset-key-U">"U"</a></dt>
+ <dt><a name="keyset-key-U-0055" id="keyset-key-U-0055">"U+0055"</a></dt>
+ <dd>The Latin Capital Letter U key (U).</dd>
+ <dt><a name="keyset-key-V" id="keyset-key-V">"V"</a></dt>
+ <dt><a name="keyset-key-U-0056" id="keyset-key-U-0056">"U+0056"</a></dt>
+ <dd>The Latin Capital Letter V key (V).</dd>
+ <dt><a name="keyset-key-W" id="keyset-key-W">"W"</a></dt>
+ <dt><a name="keyset-key-U-0057" id="keyset-key-U-0057">"U+0057"</a></dt>
+ <dd>The Latin Capital Letter W key (W).</dd>
+ <dt><a name="keyset-key-X" id="keyset-key-X">"X"</a></dt>
+ <dt><a name="keyset-key-U-0058" id="keyset-key-U-0058">"U+0058"</a></dt>
+ <dd>The Latin Capital Letter X key (X).</dd>
+ <dt><a name="keyset-key-Y" id="keyset-key-Y">"Y"</a></dt>
+ <dt><a name="keyset-key-U-0059" id="keyset-key-U-0059">"U+0059"</a></dt>
+ <dd>The Latin Capital Letter Y key (Y).</dd>
+ <dt><a name="keyset-key-Z" id="keyset-key-Z">"Z"</a></dt>
+ <dt><a name="keyset-key-U-005A" id="keyset-key-U-005A">"U+005A"</a></dt>
+ <dd>The Latin Capital Letter Z key (Z).</dd>
+ <dt><a name="keyset-key-LeftSquareBracketChar" id="keyset-key-LeftSquareBracketChar">"["</a></dt>
+ <dt><a name="keyset-key-LeftSquareBracket" id="keyset-key-LeftSquareBracket">"LeftSquareBracket"</a></dt>
+ <dt><a name="keyset-key-U-005B" id="keyset-key-U-005B">"U+005B"</a></dt>
+ <dd>The Left Square Bracket (Opening Square Bracket) key ([).</dd>
+ <dt><a name="keyset-key-BackslashChar" id="keyset-key-BackslashChar">"\"</a></dt>
+ <dt><a name="keyset-key-Backslash" id="keyset-key-Backslash">"Backslash"</a></dt>
+ <dt><a name="keyset-key-U-005C" id="keyset-key-U-005C">"U+005C"</a></dt>
+ <dd>The Reverse Solidus (Backslash) key (\).</dd>
+ <dt><a name="keyset-key-RightSquareBracketChar" id="keyset-key-RightSquareBracketChar">"]"</a></dt>
+ <dt><a name="keyset-key-RightSquareBracket" id="keyset-key-RightSquareBracket">"RightSquareBracket"</a></dt>
+ <dt><a name="keyset-key-U-005D" id="keyset-key-U-005D">"U+005D"</a></dt>
+ <dd>The Right Square Bracket (Closing Square Bracket) key (]).</dd>
+ <dt><a name="keyset-key-CircumflexChar" id="keyset-key-CircumflexChar">"^"</a></dt>
+ <dt><a name="keyset-key-Circumflex" id="keyset-key-Circumflex">"Circumflex"</a></dt>
+ <dt><a name="keyset-key-U-005E" id="keyset-key-U-005E">"U+005E"</a></dt>
+ <dd>The Circumflex Accent key (^).</dd>
+ <dt><a name="keyset-key-UnderscoreChar" id="keyset-key-UnderscoreChar">"_"</a></dt>
+ <dt><a name="keyset-key-Underscore" id="keyset-key-Underscore">"Underscore"</a></dt>
+ <dt><a name="keyset-key-U-005F" id="keyset-key-U-005F">"U+005F"</a></dt>
+ <dd>The Low Sign (Spacing Underscore, Underscore) key (_).</dd>
+ <dt><a name="keyset-key-GraveChar" id="keyset-key-GraveChar">"`"</a></dt>
+ <dt><a name="keyset-key-Grave" id="keyset-key-Grave">"Grave"</a></dt>
+ <dt><a name="keyset-key-U-0060" id="keyset-key-U-0060">"U+0060"</a></dt>
+ <dd>The Grave Accent (Back Quote) key (`).</dd>
+ <dt><a name="keyset-key-LeftCurlyBracketChar" id="keyset-key-LeftCurlyBracketChar">"{"</a></dt>
+ <dt><a name="keyset-key-LeftCurlyBracket" id="keyset-key-LeftCurlyBracket">"LeftCurlyBracket"</a></dt>
+ <dt><a name="keyset-key-U-007B" id="keyset-key-U-007B">"U+007B"</a></dt>
+ <dd>The Left Curly Bracket (Opening Curly Bracket, Opening Brace, Brace Left) key ({).</dd>
+ <dt><a name="keyset-key-PipeChar" id="keyset-key-PipeChar">"|"</a></dt>
+ <dt><a name="keyset-key-Pipe" id="keyset-key-Pipe">"Pipe"</a></dt>
+ <dt><a name="keyset-key-U-007C" id="keyset-key-U-007C">"U+007C"</a></dt>
+ <dd>The Vertical Line (Vertical Bar, Pipe) key (|).</dd>
+ <dt><a name="keyset-key-RightCurlyBracketChar" id="keyset-key-RightCurlyBracketChar">"}"</a></dt>
+ <dt><a name="keyset-key-RightCurlyBracket" id="keyset-key-RightCurlyBracket">"RightCurlyBracket"</a></dt>
+ <dt><a name="keyset-key-U-007D" id="keyset-key-U-007D">"U+007D"</a></dt>
+ <dd>The Right Curly Bracket (Closing Curly Bracket, Closing Brace, Brace Right) key (}).</dd>
+ <dt><a name="keyset-key-Del" id="keyset-key-Del">"Del"</a></dt>
+ <dt><a name="keyset-key-U-007F" id="keyset-key-U-007F">"U+007F"</a></dt>
+ <dd>The Delete (Del) Key.</dd>
+ <dt><a name="keyset-key-InvertedExclamationChar" id="keyset-key-InvertedExclamationChar">"¡"</a></dt>
+ <dt><a name="keyset-key-InvertedExclamation" id="keyset-key-InvertedExclamation">"InvertedExclamation"</a></dt>
+ <dt><a name="keyset-key-U-00A1" id="keyset-key-U-00A1">"U+00A1"</a></dt>
+ <dd>The Inverted Exclamation Mark key (¡).</dd>
+ <dt><a name="keyset-key-DeadGrave" id="keyset-key-DeadGrave">"DeadGrave"</a></dt>
+ <dt><a name="keyset-key-U-0300" id="keyset-key-U-0300">"U+0300"</a></dt>
+ <dd>The Combining Grave Accent (Greek Varia, Dead Grave) key.</dd>
+ <dt><a name="keyset-key-DeadEacute" id="keyset-key-DeadEacute">"DeadEacute"</a></dt>
+ <dt><a name="keyset-key-U-0301" id="keyset-key-U-0301">"U+0301"</a></dt>
+ <dd>The Combining Acute Accent (Stress Mark, Greek Oxia, Tonos, Dead Eacute) key.</dd>
+ <dt><a name="keyset-key-DeadCircumflex" id="keyset-key-DeadCircumflex">"DeadCircumflex"</a></dt>
+ <dt><a name="keyset-key-U-0302" id="keyset-key-U-0302">"U+0302"</a></dt>
+ <dd>The Combining Circumflex Accent (Hat, Dead Circumflex) key.</dd>
+ <dt><a name="keyset-key-DeadTilde" id="keyset-key-DeadTilde">"DeadTilde"</a></dt>
+ <dt><a name="keyset-key-U-0303" id="keyset-key-U-0303">"U+0303"</a></dt>
+ <dd>The Combining Tilde (Dead Tilde) key.</dd>
+ <dt><a name="keyset-key-DeadMacron" id="keyset-key-DeadMacron">"DeadMacron"</a></dt>
+ <dt><a name="keyset-key-U-0304" id="keyset-key-U-0304">"U+0304"</a></dt>
+ <dd>The Combining Macron (Long, Dead Macron) key.</dd>
+ <dt><a name="keyset-key-DeadBreve" id="keyset-key-DeadBreve">"DeadBreve"</a></dt>
+ <dt><a name="keyset-key-U-0306" id="keyset-key-U-0306">"U+0306"</a></dt>
+ <dd>The Combining Breve (Short, Dead Breve) key.</dd>
+ <dt><a name="keyset-key-DeadAboveDot" id="keyset-key-DeadAboveDot">"DeadAboveDot"</a></dt>
+ <dt><a name="keyset-key-U-0307" id="keyset-key-U-0307">"U+0307"</a></dt>
+ <dd>The Combining Dot Above (Derivative, Dead Above Dot) key.</dd>
+ <dt><a name="keyset-key-DeadUmlaut" id="keyset-key-DeadUmlaut">"DeadUmlaut"</a></dt>
+ <dt><a name="keyset-key-U-0308" id="keyset-key-U-0308">"U+0308"</a></dt>
+ <dd>The Combining Diaeresis (Double Dot Abode, Umlaut, Greek Dialytika, Double Derivative, Dead Diaeresis) key.</dd>
+ <dt><a name="keyset-key-DeadAboveRing" id="keyset-key-DeadAboveRing">"DeadAboveRing"</a></dt>
+ <dt><a name="keyset-key-U-030A" id="keyset-key-U-030A">"U+030A"</a></dt>
+ <dd>The Combining Ring Above (Dead Above Ring) key.</dd>
+ <dt><a name="keyset-key-DeadDoubleacute" id="keyset-key-DeadDoubleacute">"DeadDoubleacute"</a></dt>
+ <dt><a name="keyset-key-U-030B" id="keyset-key-U-030B">"U+030B"</a></dt>
+ <dd>The Combining Double Acute Accent (Dead Doubleacute) key.</dd>
+ <dt><a name="keyset-key-DeadCaron" id="keyset-key-DeadCaron">"DeadCaron"</a></dt>
+ <dt><a name="keyset-key-U-030C" id="keyset-key-U-030C">"U+030C"</a></dt>
+ <dd>The Combining Caron (Hacek, V Above, Dead Caron) key.</dd>
+ <dt><a name="keyset-key-DeadCedilla" id="keyset-key-DeadCedilla">"DeadCedilla"</a></dt>
+ <dt><a name="keyset-key-U-0327" id="keyset-key-U-0327">"U+0327"</a></dt>
+ <dd>The Combining Cedilla (Dead Cedilla) key.</dd>
+ <dt><a name="keyset-key-DeadOgonek" id="keyset-key-DeadOgonek">"DeadOgonek"</a></dt>
+ <dt><a name="keyset-key-U-0328" id="keyset-key-U-0328">"U+0328"</a></dt>
+ <dd>The Combining Ogonek (Nasal Hook, Dead Ogonek) key.</dd>
+ <dt><a name="keyset-key-DeadIota" id="keyset-key-DeadIota">"DeadIota"</a></dt>
+ <dt><a name="keyset-key-U-0345" id="keyset-key-U-0345">"U+0345"</a></dt>
+ <dd>The Combining Greek Ypogegrammeni (Greek Non-Spacing Iota Below, Iota Subscript, Dead Iota) key.</dd>
+ <dt><a name="keyset-key-EuroChar" id="keyset-key-EuroChar">"€"</a></dt>
+ <dt><a name="keyset-key-Euro" id="keyset-key-Euro">"Euro"</a></dt>
+ <dt><a name="keyset-key-U-20AC" id="keyset-key-U-20AC">"U+20AC"</a></dt>
+ <dd>The Euro Currency Sign key (€).</dd>
+ <dt><a name="keyset-key-DeadVoicedSound" id="keyset-key-DeadVoicedSound">"DeadVoicedSound"</a></dt>
+ <dt><a name="keyset-key-U-3099" id="keyset-key-U-3099">"U+3099"</a></dt>
+ <dd>The Combining Katakana-Hiragana Voiced Sound Mark (Dead Voiced Sound) key.</dd>
+ <dt><a name="keyset-key-DeadSemivoicedSound" id="keyset-key-DeadSemivoicedSound">"DeadSemivoicedSound"</a></dt>
+ <dt><a name="keyset-key-U-309A" id="keyset-key-U-309A">"U+309A"</a></dt>
+ <dd>The Combining Katakana-Hiragana Semi-Voiced Sound Mark (Dead Semivoiced Sound) key.</dd>
+ </dl>
+ </div>
+ <!-- div2 KeySet-Set -->
+ </div>
+ <!-- div1 KeySet -->
+ <a id="changes" name="changes"> </a>
+ <div class="noprint" style="text-align: right">
+ <p style="font-family: monospace;font-size:small">January 2008</p>
+ </div>
+ <div class="div1">
+ <a name="changes-Changes" id="changes-Changes"> </a>
+ <h1 id="changes-Changes-h1" class="adiv1">Appendix B: Changes</h1>
+ <dl>
+ <dt><i>Editors</i>:</dt>
+ <dd>Doug Schepers, W3C</dd>
+ <dd><a href="http://bjoern.hoehrmann.de/">Björn Höhrmann</a> Invited Expert (until December 2007)</dd>
+ <dd>Philippe Le Hégaret, W3C (until November 2003)</dd>
+ </dl>
+ <div class="div2">
+ <a name="changes-DOMEvents2to3Changes" id="changes-DOMEvents2to3Changes"> </a>
+ <h2 id="changes-DOMEvents2to3Changes-h2" class="adiv2">B.1 Changes between DOM Level 2 Events and DOM Level 3 Events</h2>
+ <p>Numerous clarifications to the interfaces and event types have been made. The <code>HTMLEvents</code> module is no longer defined in this document. The event types <code>focus</code> and <code>blur</code> have been added to the <a href="#events-Events-UIEvent">
+ <code>UIEvents</code>
+ </a> module, the event type <code>dblclick</code> has been added to the <a href="#events-Events-MouseEvent">
+ <code>MouseEvents</code>
+ </a> module. This new specification provides a better separation between the DOM event flow, the event types, and the DOM interfaces.</p>
+ <div class="div3">
+ <a name="changes-DOMEvents2to3Changes-flow" id="changes-DOMEvents2to3Changes-flow"> </a>
+ <h3 id="changes-DOMEvents2to3Changes-flow-h3" class="adiv3">B.1.1 Changes to DOM Level 2 event flow</h3>
+ <p>This new specification introduced one new concept in the event flow:</p>
+ <ul>
+ <li>ordering of event listeners: event listeners are now ordered while ordering was unspecified in DOM Level 2 Events.</li>
+ </ul>
+ </div>
+ <!-- div3 DOMEvents2to3Changes-flow -->
+ <div class="div3">
+ <a name="changes-DOMEvents2to3Changes-event-types"
+ id="changes-DOMEvents2to3Changes-event-types"/>
+ <h3 id="changes-DOMEvents2to3Changes-event-types-h3" class="adiv3">B.1.2 Changes to DOM Level 2 event types</h3>
+ <p>Lots of clarifications have been made on the event types. The conformance is now explicitly defined against the event types, and not only in terms of interfaces required by the event types. Support for namespaces and the features <code>"BasicEvents"</code>, <code>"TextEvents"</code>, <code>"KeyboardEvents"</code>, and <code>"MutationNameEvents"</code> have been introduced.</p>
+ </div>
+ <!-- div3 DOMEvents2to3Changes-event-types -->
+ <div class="div3">
+ <a name="changes-DOMLevel2to3Changes" id="changes-DOMLevel2to3Changes"> </a>
+ <h3 id="changes-DOMLevel2to3Changes-h3" class="adiv3">B.1.3 Changes to DOM Level 2 Events interfaces</h3>
+ <dl>
+ <dt>Interface <a href="#events-Events-Event">
+ <code>Event</code>
+ </a></dt>
+ <dd>The <a href="#events-Events-Event">
+ <code>Event</code>
+ </a> interface has two new attributes <a href="#events-Events-Event-namespaceURI">
+ <code>Event.namespaceURI</code>
+ </a> and <a href="#events-Events-Event-defaultPrevented">
+ <code>Event.defaultPrevented</code>
+ </a>, and two new methods: <a href="#events-Events-Event-stopImmediatePropagation">
+ <code>Event.stopImmediatePropagation()</code>
+ </a>, <a href="#events-Events-Event-initEventNS">
+ <code>Event.initEventNS()</code>
+ </a>.<br/>
+ <a href="#events-Events-Event-timeStamp">
+ <code>Event.timeStamp</code>
+ </a> is now a <code>Number</code> in the ECMAScript binding; a proposed correction to make the same change in [<cite>
+ <a class="noxref normative" href="#references-DOMCore">DOM Level 3 Core</a>
+ </cite>] is forthcoming.<br/>
+DOM Level 3 Events considers the <a href="#events-Events-Event-type">
+ <code>Event.type</code>
+ </a> attribute to be case-sensitive, while DOM Level 2 Events considers <a class="noxref" href="#events-Events-Event-type">
+ <code>Event.type</code>
+ </a> to be case-insensitive.</dd>
+ <dt>Interface <a href="#events-Events-EventTarget">
+ <code>EventTarget</code>
+ </a></dt>
+ <dd>The <a href="#events-Events-EventTarget">
+ <code>EventTarget</code>
+ </a> interface has two new methods: <a href="#events-Events-EventTargetGroup-addEventListenerNS">
+ <code>EventTarget.addEventListenerNS()</code>
+ </a> and <a href="#events-Events-EventTargetGroup-removeEventListenerNS">
+ <code>EventTarget.removeEventListenerNS()</code>
+ </a>. The method <a href="#events-Events-EventTarget-dispatchEvent">
+ <code>EventTarget.dispatchEvent()</code>
+ </a> was modified.</dd>
+ <dt>Interface <a href="#events-Events-DocumentEvent">
+ <code>DocumentEvent</code>
+ </a></dt>
+ <dd>The <a href="#events-Events-DocumentEvent">
+ <code>DocumentEvent</code>
+ </a> interface has one new method: <a href="#events-Events-DocumentEvent-canDispatch">
+ <code>DocumentEvent.canDispatch()</code>
+ </a>.</dd>
+ <dt>Interface <a href="#events-Events-UIEvent">
+ <code>UIEvent</code>
+ </a></dt>
+ <dd>The <a href="#events-Events-UIEvent">
+ <code>UIEvent</code>
+ </a> interface has a new method <a href="#events-Events-Event-initUIEventNS">
+ <code>UIEvent.initUIEventNS()</code>
+ </a>.</dd>
+ <dt>Interface <a href="#events-Events-MouseEvent">
+ <code>MouseEvent</code>
+ </a></dt>
+ <dd>The <a href="#events-Events-MouseEvent">
+ <code>MouseEvent</code>
+ </a> interface has two new methods <a href="#events-Events-MouseEvent-getModifierState">
+ <code>MouseEvent.getModifierState()</code>
+ </a> and <a href="#events-Events-Event-initMouseEventNS">
+ <code>MouseEvent.initMouseEventNS()</code>
+ </a>.</dd>
+ <dt>Interface <a href="#events-Events-MutationEvent">
+ <code>MutationEvent</code>
+ </a></dt>
+ <dd>The <a href="#events-Events-MutationEvent">
+ <code>MutationEvent</code>
+ </a> interface has a new method <a href="#events-Events-Event-initMutationEventNS">
+ <code>MutationEvent.initMutationEventNS()</code>
+ </a>.</dd>
+ <dt>Exception <a href="#events-Events-EventException">
+ <code>EventException</code>
+ </a></dt>
+ <dd>The <a href="#events-DISPATCH_REQUEST_ERR">
+ <code>DISPATCH_REQUEST_ERR</code>
+ </a> constant has been added.</dd>
+ </dl>
+ </div>
+ <!-- div3 DOMLevel2to3Changes -->
+ <div class="div3">
+ <a name="changes-DOMLevel3Addons" id="changes-DOMLevel3Addons"> </a>
+ <h3 id="changes-DOMLevel3Addons-h3" class="adiv3">B.1.4 New Interfaces</h3>
+ <p>The interfaces <a href="#events-Events-CustomEvent">
+ <code>CustomEvent</code>
+ </a>, <a href="#events-Events-TextEvent">
+ <code>TextEvent</code>
+ </a>, <a href="#events-Events-KeyboardEvent">
+ <code>KeyboardEvent</code>
+ </a>, <a href="#events-Events-MutationNameEvent">
+ <code>MutationNameEvent</code>
+ </a>, <a href="#events-Events-WheelEvent">
+ <code>WheelEvent</code>
+ </a>, and <a href="#events-Events-MouseWheelEvent">
+ <code>MouseWheelEvent</code>
+ </a> were added to the Events module.</p>
+ </div>
+ <!-- div3 DOMLevel3Addons -->
+ </div>
+ <!-- div2 DOMEvents2to3Changes -->
+ </div>
+ <!-- div1 Changes -->
+ <a id="security-considerations" name="security-considerations"> </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="security-considerations-Security" id="security-considerations-Security"> </a>
+ <h1 id="security-considerations-Security-h1" class="adiv1">Appendix C: Security Considerations</h1>
+ <dl>
+ <dt><i>Editor</i>:</dt>
+ <dd>Doug Schepers, W3C</dd>
+ <dd><a href="http://bjoern.hoehrmann.de/">Björn Höhrmann</a> Invited Expert (until December 2007)</dd>
+ </dl>
+ <p class="first">This appendix discusses security considerations for DOM Level 3 Events implementations. The discussion is limited to security issues that arise directly from implementation of the event model, APIs and events defined in this specification. Implementations typically support other features like scripting languages, other APIs and additional events not defined in this document; these features constitute an unknown factor and are out of scope of this document. Implementers should consult the specifications of such features for their respective security considerations.</p>
+ <p>Many of the event types defined in this specification are dispatched in response to user actions. This allows malicious event listeners to gain access to information users would typically consider confidential, e.g., typos they might have made when filling out a form, if they reconsider their answer to a multiple choice question shortly before submitting a form, their typing rate or primary input mechanism. In the worst case, malicious event listeners are able to capture all user interactions and submit them to a third party through means, while not defined in DOM Level 3 Events, generally available in DOM implementations.</p>
+ <p>In DOM implementations that support facilities to load external data, events like the <code>error</code> event can provide access to sensitive information about the environment of the computer system or network; an example would be a malicious HTML document that attempts to embed a resource on the local network or the localhost on different ports; an embedded DOM application could then listen for <code>error</code> and <code>load</code> events to determine which other computers in a network are accessible from the local system or which ports are open on the system to prepare further attacks.</p>
+ <p>An implementation of DOM Level 3 Events alone is generally insufficient to perform attacks of this kind and the security considerations of the facilities that possibly support such attacks apply. For conformance with this specification, DOM implementations may take reasonable steps to ensure that DOM applications do not get access to confidential or sensitive information, for example, they may choose to dispatch no <code>load</code> events to nodes that attempt to embed resources on the local network.</p>
+ <p>The <a href="#events-Events-DocumentEvent-canDispatch">
+ <code>DocumentEvent.canDispatch()</code>
+ </a> method allows DOM applications to retrieve information about which event types the implementation supports, including event types not defined in this specification. Which event types a DOM Level 3 Events implementation supports can depend on configuration settings or on additional software modules available to the implementation.</p>
+ </div>
+ <!-- div1 Security -->
+ <a id="idl-definitions" name="idl-definitions"> </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="idl-definitions-idl" id="idl-definitions-idl"> </a>
+ <h1 id="idl-definitions-idl-h1" class="adiv1">Appendix D: IDL Definitions</h1>
+ <p class="first">This appendix contains the complete OMG IDL [<cite>
+ <a class="noxref normative" href="#references-OMGIDL">OMG IDL</a>
+ </cite>] for the Level 3 Document Object Model Events definitions.</p>
+ <p>The IDL files are also available as: <a class="normative" href="idl.zip">http://www.w3.org/TR/2007/WD-DOM-Level-3-Events-20071207/idl.zip</a></p>
+ <h3 id="idl-definitions-idl-events.idl"><a href="idl/events.idl">events.idl</a>:</h3>
+ <div class="idl-code">
+ <pre>
// File: events.idl
#ifndef _EVENTS_IDL_
@@ -4347,52 +7490,52 @@
interface EventListener;
// 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;
+ const unsigned short <a class="noxref" href="#events-DISPATCH_REQUEST_ERR">DISPATCH_REQUEST_ERR</a> = 1;
// Introduced in DOM Level 2:
- interface <a class='noxref' href='#events-Events-Event'>Event</a> {
+ 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);
};
// 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,
@@ -4400,54 +7543,54 @@
};
// 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>,
dom::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);
};
// 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);
};
// 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(dom::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);
};
// 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,
@@ -4456,14 +7599,14 @@
};
// 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,
@@ -4472,29 +7615,29 @@
};
// 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,
@@ -4505,18 +7648,18 @@
};
// 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,
@@ -4530,11 +7673,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,
@@ -4545,16 +7688,16 @@
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);
};
// Introduced in DOM Level 3:
- interface <a class='noxref' href='#events-Events-WheelEvent'>WheelEvent</a> : <a class='noxref' href='#events-Events-MouseEvent'>MouseEvent</a> {
- readonly attribute long <a class='noxref' href='#events-Events-WheelEvent-deltaX'>deltaX</a>;
- readonly attribute long <a class='noxref' href='#events-Events-WheelEvent-deltaY'>deltaY</a>;
- readonly attribute long <a class='noxref' href='#events-Events-WheelEvent-deltaZ'>deltaZ</a>;
- void <a class='noxref' href='#events-Events-Event-initWheelEventNS'>initWheelEventNS</a>(in DOMString namespaceURIArg,
+ interface <a class="noxref" href="#events-Events-WheelEvent">WheelEvent</a> : <a class="noxref" href="#events-Events-MouseEvent">MouseEvent</a> {
+ readonly attribute long <a class="noxref" href="#events-Events-WheelEvent-deltaX">deltaX</a>;
+ readonly attribute long <a class="noxref" href="#events-Events-WheelEvent-deltaY">deltaY</a>;
+ readonly attribute long <a class="noxref" href="#events-Events-WheelEvent-deltaZ">deltaZ</a>;
+ void <a class="noxref" href="#events-Events-Event-initWheelEventNS">initWheelEventNS</a>(in DOMString namespaceURIArg,
in DOMString typeArg,
in boolean canBubbleArg,
in boolean cancelableArg,
@@ -4565,7 +7708,7 @@
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 deltaXArg,
in long deltaYArg,
@@ -4573,9 +7716,9 @@
};
// 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,
@@ -4586,25 +7729,25 @@
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);
};
// Introduced in DOM Level 2:
- interface <a class='noxref' href='#events-Events-MutationEvent'>MutationEvent</a> : <a class='noxref' href='#events-Events-Event'>Event</a> {
+ interface <a class="noxref" href="#events-Events-MutationEvent">MutationEvent</a> : <a class="noxref" href="#events-Events-Event">Event</a> {
// attrChangeType
- const unsigned short <a class='noxref' href='#events-MODIFICATION'>MODIFICATION</a> = 1;
- const unsigned short <a class='noxref' href='#events-ADDITION'>ADDITION</a> = 2;
- const unsigned short <a class='noxref' href='#events-REMOVAL'>REMOVAL</a> = 3;
-
- readonly attribute Node <a class='noxref' href='#events-Events-MutationEvent-relatedNode'>relatedNode</a>;
- readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-prevValue'>prevValue</a>;
- readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-newValue'>newValue</a>;
- readonly attribute DOMString <a class='noxref' href='#events-Events-MutationEvent-attrName'>attrName</a>;
- readonly attribute unsigned short <a class='noxref' href='#events-Events-MutationEvent-attrChange'>attrChange</a>;
- void <a class='noxref' href='#events-Events-Event-initMutationEvent'>initMutationEvent</a>(in DOMString typeArg,
+ const unsigned short <a class="noxref" href="#events-MODIFICATION">MODIFICATION</a> = 1;
+ const unsigned short <a class="noxref" href="#events-ADDITION">ADDITION</a> = 2;
+ const unsigned short <a class="noxref" href="#events-REMOVAL">REMOVAL</a> = 3;
+
+ readonly attribute Node <a class="noxref" href="#events-Events-MutationEvent-relatedNode">relatedNode</a>;
+ readonly attribute DOMString <a class="noxref" href="#events-Events-MutationEvent-prevValue">prevValue</a>;
+ readonly attribute DOMString <a class="noxref" href="#events-Events-MutationEvent-newValue">newValue</a>;
+ readonly attribute DOMString <a class="noxref" href="#events-Events-MutationEvent-attrName">attrName</a>;
+ readonly attribute unsigned short <a class="noxref" href="#events-Events-MutationEvent-attrChange">attrChange</a>;
+ void <a class="noxref" href="#events-Events-Event-initMutationEvent">initMutationEvent</a>(in DOMString typeArg,
in boolean canBubbleArg,
in boolean cancelableArg,
in Node relatedNodeArg,
@@ -4613,7 +7756,7 @@
in DOMString attrNameArg,
in unsigned short attrChangeArg);
// Introduced in DOM Level 3:
- void <a class='noxref' href='#events-Events-Event-initMutationEventNS'>initMutationEventNS</a>(in DOMString namespaceURIArg,
+ void <a class="noxref" href="#events-Events-Event-initMutationEventNS">initMutationEventNS</a>(in DOMString namespaceURIArg,
in DOMString typeArg,
in boolean canBubbleArg,
in boolean cancelableArg,
@@ -4625,18 +7768,18 @@
};
// Introduced in DOM Level 3:
- interface <a class='noxref' href='#events-Events-MutationNameEvent'>MutationNameEvent</a> : <a class='noxref' href='#events-Events-MutationEvent'>MutationEvent</a> {
- readonly attribute DOMString <a class='noxref' href='#events-Events-MutationNameEvent-prevNamespaceURI'>prevNamespaceURI</a>;
- readonly attribute DOMString <a class='noxref' href='#events-Events-MutationNameEvent-prevNodeName'>prevNodeName</a>;
+ interface <a class="noxref" href="#events-Events-MutationNameEvent">MutationNameEvent</a> : <a class="noxref" href="#events-Events-MutationEvent">MutationEvent</a> {
+ readonly attribute DOMString <a class="noxref" href="#events-Events-MutationNameEvent-prevNamespaceURI">prevNamespaceURI</a>;
+ readonly attribute DOMString <a class="noxref" href="#events-Events-MutationNameEvent-prevNodeName">prevNodeName</a>;
// Introduced in DOM Level 3:
- void <a class='noxref' href='#events-Events-Event-initMutationNameEvent'>initMutationNameEvent</a>(in DOMString typeArg,
+ void <a class="noxref" href="#events-Events-Event-initMutationNameEvent">initMutationNameEvent</a>(in DOMString typeArg,
in boolean canBubbleArg,
in boolean cancelableArg,
in Node relatedNodeArg,
in DOMString prevNamespaceURIArg,
in DOMString prevNodeNameArg);
// Introduced in DOM Level 3:
- void <a class='noxref' href='#events-Events-Event-initMutationNameEventNS'>initMutationNameEventNS</a>(in DOMString namespaceURIArg,
+ void <a class="noxref" href="#events-Events-Event-initMutationNameEventNS">initMutationNameEventNS</a>(in DOMString namespaceURIArg,
in DOMString typeArg,
in boolean canBubbleArg,
in boolean cancelableArg,
@@ -4648,20 +7791,24 @@
#endif // _EVENTS_IDL_
-</pre></div>
-</div>
-<!-- div1 idl -->
-<a id='java-binding' name='java-binding'></a>
-<div class='noprint' style='text-align: right'>
-<p style='font-family: monospace;font-size:small'>January 2008</p>
-</div>
-<div class='div1'><a name='java-binding-java-binding' id='java-binding-java-binding'></a>
-<h1 id='java-binding-java-binding-h1' class='adiv1'>Appendix E: Java Language Binding</h1>
-<p class='first'>This appendix contains the complete Java [<cite><a class='noxref normative' href='#references-Java'>Java</a></cite>] bindings for the Level 3 Document Object Model Events.</p>
-<p>The Java files are also available as <a class='normative' href='java-binding.zip'>http://www.w3.org/TR/2007/WD-DOM-Level-3-Events-20071207/java-binding.zip</a></p>
-<h3 id='java-binding-org.w3c.dom.events.EventException'>org\w3c\dom\events\EventException.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ </div>
+ <!-- div1 idl -->
+ <a id="java-binding" name="java-binding"> </a>
+ <div class="noprint" style="text-align: right">
+ <p style="font-family: monospace;font-size:small">January 2008</p>
+ </div>
+ <div class="div1">
+ <a name="java-binding-java-binding" id="java-binding-java-binding"> </a>
+ <h1 id="java-binding-java-binding-h1" class="adiv1">Appendix E: Java Language Binding</h1>
+ <p class="first">This appendix contains the complete Java [<cite>
+ <a class="noxref normative" href="#references-Java">Java</a>
+ </cite>] bindings for the Level 3 Document Object Model Events.</p>
+ <p>The Java files are also available as <a class="normative" href="java-binding.zip">http://www.w3.org/TR/2007/WD-DOM-Level-3-Events-20071207/java-binding.zip</a></p>
+ <h3 id="java-binding-org.w3c.dom.events.EventException">org\w3c\dom\events\EventException.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
public class EventException extends RuntimeException {
@@ -4675,10 +7822,11 @@
public static final short DISPATCH_REQUEST_ERR = 1;
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.Event'>org\w3c\dom\events\Event.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.Event">org\w3c\dom\events\Event.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
public interface Event {
@@ -4721,10 +7869,11 @@
boolean cancelableArg);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.CustomEvent'>org\w3c\dom\events\CustomEvent.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.CustomEvent">org\w3c\dom\events\CustomEvent.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
public interface CustomEvent extends Event {
@@ -4737,10 +7886,11 @@
Object detailArg);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.EventTarget'>org\w3c\dom\events\EventTarget.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.EventTarget">org\w3c\dom\events\EventTarget.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
import org.w3c.dom.DOMException;
@@ -4768,20 +7918,22 @@
boolean useCapture);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.EventListener'>org\w3c\dom\events\EventListener.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.EventListener">org\w3c\dom\events\EventListener.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
public interface EventListener {
public void handleEvent(Event evt);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.DocumentEvent'>org\w3c\dom\events\DocumentEvent.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.DocumentEvent">org\w3c\dom\events\DocumentEvent.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
import org.w3c.dom.DOMException;
@@ -4794,10 +7946,11 @@
String type);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.UIEvent'>org\w3c\dom\events\UIEvent.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.UIEvent">org\w3c\dom\events\UIEvent.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
import org.w3c.dom.views.AbstractView;
@@ -4821,10 +7974,11 @@
int detailArg);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.TextEvent'>org\w3c\dom\events\TextEvent.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.TextEvent">org\w3c\dom\events\TextEvent.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
import org.w3c.dom.views.AbstractView;
@@ -4846,10 +8000,11 @@
String dataArg);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.KeyboardEvent'>org\w3c\dom\events\KeyboardEvent.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.KeyboardEvent">org\w3c\dom\events\KeyboardEvent.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
import org.w3c.dom.views.AbstractView;
@@ -4893,10 +8048,11 @@
String modifiersListArg);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.MouseEvent'>org\w3c\dom\events\MouseEvent.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.MouseEvent">org\w3c\dom\events\MouseEvent.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
import org.w3c.dom.views.AbstractView;
@@ -4955,10 +8111,11 @@
String modifiersListArg);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.WheelEvent'>org\w3c\dom\events\WheelEvent.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.WheelEvent">org\w3c\dom\events\WheelEvent.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
import org.w3c.dom.views.AbstractView;
@@ -4988,10 +8145,11 @@
int deltaZArg);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.MouseWheelEvent'>org\w3c\dom\events\MouseWheelEvent.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.MouseWheelEvent">org\w3c\dom\events\MouseWheelEvent.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
import org.w3c.dom.views.AbstractView;
@@ -5015,10 +8173,11 @@
int wheelDeltaArg);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.MutationEvent'>org\w3c\dom\events\MutationEvent.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.MutationEvent">org\w3c\dom\events\MutationEvent.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
import org.w3c.dom.Node;
@@ -5059,10 +8218,11 @@
short attrChangeArg);
}
-</pre></div>
-<h3 id='java-binding-org.w3c.dom.events.MutationNameEvent'>org\w3c\dom\events\MutationNameEvent.java:</h3>
-<div class='java-code'>
-<pre>
+</pre>
+ </div>
+ <h3 id="java-binding-org.w3c.dom.events.MutationNameEvent">org\w3c\dom\events\MutationNameEvent.java:</h3>
+ <div class="java-code">
+ <pre>
package org.w3c.dom.events;
import org.w3c.dom.Node;
@@ -5088,1014 +8248,1458 @@
String prevNodeNameArg);
}
-</pre></div>
-</div>
-<!-- div1 java-binding -->
-<a id='ecma-script-binding' name='ecma-script-binding'></a>
-<div class='noprint' style='text-align: right'>
-<p style='font-family: monospace;font-size:small'>January 2008</p>
-</div>
-<div class='div1'><a name='ecma-script-binding-ecma-binding' id='ecma-script-binding-ecma-binding'></a>
-<h1 id='ecma-script-binding-ecma-binding-h1' class='adiv1'>Appendix F: ECMAScript Language Binding</h1>
-<p class='first'>This appendix contains the complete ECMAScript [<cite><a class='noxref normative' href='#references-ECMAScript'>ECMAScript</a></cite>] binding for the Level 3 Document Object Model Events definitions.</p>
-<div class='ecma-block'>
-<dl>
-<dt>Properties of the <b>Event</b> Constructor function:</dt>
-<dd>
-<dl>
-<dt><b>Event.CAPTURING_PHASE</b></dt>
-<dd>The value of the constant <b>Event.CAPTURING_PHASE</b> is <b>1</b>.</dd>
-<dt><b>Event.AT_TARGET</b></dt>
-<dd>The value of the constant <b>Event.AT_TARGET</b> is <b>2</b>.</dd>
-<dt><b>Event.BUBBLING_PHASE</b></dt>
-<dd>The value of the constant <b>Event.BUBBLING_PHASE</b> is <b>3</b>.</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>Event</b> interface:</dt>
-<dd>
-<dl>
-<dt>Properties of objects that implement the <b>Event</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>type</b></dt>
-<dd>This read-only property is a <b>String</b>.</dd>
-<dt><b>target</b></dt>
-<dd>This read-only property is an object that implements the <b>EventTarget</b> interface.</dd>
-<dt><b>currentTarget</b></dt>
-<dd>This read-only property is an object that implements the <b>EventTarget</b> interface.</dd>
-<dt><b>eventPhase</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-<dt><b>bubbles</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-<dt><b>cancelable</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-<dt><b>timeStamp</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-<dt><b>namespaceURI</b></dt>
-<dd>This read-only property is a <b>String</b>.</dd>
-<dt><b>defaultPrevented</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-</dl>
-</dd>
-<dt>Functions of objects that implement the <b>Event</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>stopPropagation()</b></dt>
-<dd>This function has no return value.</dd>
-<dt><b>preventDefault()</b></dt>
-<dd>This function has no return value.</dd>
-<dt><b>initEvent(eventTypeArg, canBubbleArg, cancelableArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>eventTypeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.</dd>
-<dt><b>stopImmediatePropagation()</b></dt>
-<dd>This function has no return value.</dd>
-<dt><b>initEventNS(namespaceURIArg, eventTypeArg, canBubbleArg, cancelableArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>eventTypeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>CustomEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt>Objects that implement the <b>CustomEvent</b> interface have all properties and functions of the <b>Event</b> interface as well as the properties and functions defined below.</dt>
-<dt>Properties of objects that implement the <b>CustomEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>detail</b></dt>
-<dd>This read-only property is an object that implements the <b>Object</b> interface.</dd>
-</dl>
-</dd>
-<dt>Functions of objects that implement the <b>CustomEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>initCustomEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, detailArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>detailArg</b> parameter is an object that implements the <b>Object</b> interface.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>EventTarget</b> interface:</dt>
-<dd>
-<dl>
-<dt>Functions of objects that implement the <b>EventTarget</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>addEventListener(type, listener, useCapture)</b></dt>
-<dd>This function has no return value.<br />
-The <b>type</b> parameter is a <b>String</b>.<br />
-The <b>listener</b> parameter is an object that implements the <b>EventListener</b> interface.<br />
-The <b>useCapture</b> parameter is a <b>Boolean</b>.</dd>
-<dt><b>removeEventListener(type, listener, useCapture)</b></dt>
-<dd>This function has no return value.<br />
-The <b>type</b> parameter is a <b>String</b>.<br />
-The <b>listener</b> parameter is an object that implements the <b>EventListener</b> interface.<br />
-The <b>useCapture</b> parameter is a <b>Boolean</b>.</dd>
-<dt><b>dispatchEvent(evt)</b></dt>
-<dd>This function returns a <b>Boolean</b>.<br />
-The <b>evt</b> parameter is an object that implements the <b>Event</b> interface.<br />
-This function can raise an object that implements the <b>EventException</b> interface or the <b>DOMException</b> interface.</dd>
-<dt><b>addEventListenerNS(namespaceURI, type, listener, useCapture)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
-The <b>type</b> parameter is a <b>String</b>.<br />
-The <b>listener</b> parameter is an object that implements the <b>EventListener</b> interface.<br />
-The <b>useCapture</b> parameter is a <b>Boolean</b>.</dd>
-<dt><b>removeEventListenerNS(namespaceURI, type, listener, useCapture)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
-The <b>type</b> parameter is a <b>String</b>.<br />
-The <b>listener</b> parameter is an object that implements the <b>EventListener</b> interface.<br />
-The <b>useCapture</b> parameter is a <b>Boolean</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt><b>EventListener</b> function:</dt>
-<dd>This function has no return value. The parameter is an object that implements the <b>Event</b> interface.</dd>
-<dt>Properties of the <b>EventException</b> Constructor function:</dt>
-<dd>
-<dl>
-<dt><b>EventException.UNSPECIFIED_EVENT_TYPE_ERR</b></dt>
-<dd>The value of the constant <b>EventException.UNSPECIFIED_EVENT_TYPE_ERR</b> is <b>0</b>.</dd>
-<dt><b>EventException.DISPATCH_REQUEST_ERR</b></dt>
-<dd>The value of the constant <b>EventException.DISPATCH_REQUEST_ERR</b> is <b>1</b>.</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>EventException</b> interface:</dt>
-<dd>
-<dl>
-<dt>Properties of objects that implement the <b>EventException</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>code</b></dt>
-<dd>This property is a <b>Number</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>DocumentEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt>Functions of objects that implement the <b>DocumentEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>createEvent(eventType)</b></dt>
-<dd>This function returns an object that implements the <b>Event</b> interface.<br />
-The <b>eventType</b> parameter is a <b>String</b>.<br />
-This function can raise an object that implements the <b>DOMException</b> interface.</dd>
-<dt><b>canDispatch(namespaceURI, type)</b></dt>
-<dd>This function returns a <b>Boolean</b>.<br />
-The <b>namespaceURI</b> parameter is a <b>String</b>.<br />
-The <b>type</b> parameter is a <b>String</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>UIEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt>Objects that implement the <b>UIEvent</b> interface have all properties and functions of the <b>Event</b> interface as well as the properties and functions defined below.</dt>
-<dt>Properties of objects that implement the <b>UIEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>view</b></dt>
-<dd>This read-only property is an object that implements the <b>AbstractView</b> interface.</dd>
-<dt><b>detail</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-</dl>
-</dd>
-<dt>Functions of objects that implement the <b>UIEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>initUIEvent(typeArg, canBubbleArg, cancelableArg, viewArg, detailArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
-The <b>detailArg</b> parameter is a <b>Number</b>.</dd>
-<dt><b>initUIEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, detailArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
-The <b>detailArg</b> parameter is a <b>Number</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>TextEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt>Objects that implement the <b>TextEvent</b> interface have all properties and functions of the <b>UIEvent</b> interface as well as the properties and functions defined below.</dt>
-<dt>Properties of objects that implement the <b>TextEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>data</b></dt>
-<dd>This read-only property is a <b>String</b>.</dd>
-</dl>
-</dd>
-<dt>Functions of objects that implement the <b>TextEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>initTextEvent(typeArg, canBubbleArg, cancelableArg, viewArg, dataArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
-The <b>dataArg</b> parameter is a <b>String</b>.</dd>
-<dt><b>initTextEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, dataArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
-The <b>dataArg</b> parameter is a <b>String</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Properties of the <b>KeyboardEvent</b> Constructor function:</dt>
-<dd>
-<dl>
-<dt><b>KeyboardEvent.DOM_KEY_LOCATION_STANDARD</b></dt>
-<dd>The value of the constant <b>KeyboardEvent.DOM_KEY_LOCATION_STANDARD</b> is <b>0x00</b>.</dd>
-<dt><b>KeyboardEvent.DOM_KEY_LOCATION_LEFT</b></dt>
-<dd>The value of the constant <b>KeyboardEvent.DOM_KEY_LOCATION_LEFT</b> is <b>0x01</b>.</dd>
-<dt><b>KeyboardEvent.DOM_KEY_LOCATION_RIGHT</b></dt>
-<dd>The value of the constant <b>KeyboardEvent.DOM_KEY_LOCATION_RIGHT</b> is <b>0x02</b>.</dd>
-<dt><b>KeyboardEvent.DOM_KEY_LOCATION_NUMPAD</b></dt>
-<dd>The value of the constant <b>KeyboardEvent.DOM_KEY_LOCATION_NUMPAD</b> is <b>0x03</b>.</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>KeyboardEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt>Objects that implement the <b>KeyboardEvent</b> interface have all properties and functions of the <b>UIEvent</b> interface as well as the properties and functions defined below.</dt>
-<dt>Properties of objects that implement the <b>KeyboardEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>keyIdentifier</b></dt>
-<dd>This read-only property is a <b>String</b>.</dd>
-<dt><b>keyLocation</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-<dt><b>ctrlKey</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-<dt><b>shiftKey</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-<dt><b>altKey</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-<dt><b>metaKey</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-</dl>
-</dd>
-<dt>Functions of objects that implement the <b>KeyboardEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>getModifierState(keyIdentifierArg)</b></dt>
-<dd>This function returns a <b>Boolean</b>.<br />
-The <b>keyIdentifierArg</b> parameter is a <b>String</b>.</dd>
-<dt><b>initKeyboardEvent(typeArg, canBubbleArg, cancelableArg, viewArg, keyIdentifierArg, keyLocationArg, modifiersListArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
-The <b>keyIdentifierArg</b> parameter is a <b>String</b>.<br />
-The <b>keyLocationArg</b> parameter is a <b>Number</b>.<br />
-The <b>modifiersListArg</b> parameter is a <b>String</b>.</dd>
-<dt><b>initKeyboardEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, keyIdentifierArg, keyLocationArg, modifiersListArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
-The <b>keyIdentifierArg</b> parameter is a <b>String</b>.<br />
-The <b>keyLocationArg</b> parameter is a <b>Number</b>.<br />
-The <b>modifiersListArg</b> parameter is a <b>String</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>MouseEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt>Objects that implement the <b>MouseEvent</b> interface have all properties and functions of the <b>UIEvent</b> interface as well as the properties and functions defined below.</dt>
-<dt>Properties of objects that implement the <b>MouseEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>screenX</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-<dt><b>screenY</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-<dt><b>clientX</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-<dt><b>clientY</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-<dt><b>ctrlKey</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-<dt><b>shiftKey</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-<dt><b>altKey</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-<dt><b>metaKey</b></dt>
-<dd>This read-only property is a <b>Boolean</b>.</dd>
-<dt><b>button</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-<dt><b>relatedTarget</b></dt>
-<dd>This read-only property is an object that implements the <b>EventTarget</b> interface.</dd>
-</dl>
-</dd>
-<dt>Functions of objects that implement the <b>MouseEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>initMouseEvent(typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, ctrlKeyArg, altKeyArg, shiftKeyArg, metaKeyArg, buttonArg, relatedTargetArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
-The <b>detailArg</b> parameter is a <b>Number</b>.<br />
-The <b>screenXArg</b> parameter is a <b>Number</b>.<br />
-The <b>screenYArg</b> parameter is a <b>Number</b>.<br />
-The <b>clientXArg</b> parameter is a <b>Number</b>.<br />
-The <b>clientYArg</b> parameter is a <b>Number</b>.<br />
-The <b>ctrlKeyArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>altKeyArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>shiftKeyArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>metaKeyArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>buttonArg</b> parameter is a <b>Number</b>.<br />
-The <b>relatedTargetArg</b> parameter is an object that implements the <b>EventTarget</b> interface.</dd>
-<dt><b>getModifierState(keyIdentifierArg)</b></dt>
-<dd>This function returns a <b>Boolean</b>.<br />
-The <b>keyIdentifierArg</b> parameter is a <b>String</b>.</dd>
-<dt><b>initMouseEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, buttonArg, relatedTargetArg, modifiersListArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
-The <b>detailArg</b> parameter is a <b>Number</b>.<br />
-The <b>screenXArg</b> parameter is a <b>Number</b>.<br />
-The <b>screenYArg</b> parameter is a <b>Number</b>.<br />
-The <b>clientXArg</b> parameter is a <b>Number</b>.<br />
-The <b>clientYArg</b> parameter is a <b>Number</b>.<br />
-The <b>buttonArg</b> parameter is a <b>Number</b>.<br />
-The <b>relatedTargetArg</b> parameter is an object that implements the <b>EventTarget</b> interface.<br />
-The <b>modifiersListArg</b> parameter is a <b>String</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>WheelEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt>Objects that implement the <b>WheelEvent</b> interface have all properties and functions of the <b>MouseEvent</b> interface as well as the properties and functions defined below.</dt>
-<dt>Properties of objects that implement the <b>WheelEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>deltaX</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-<dt><b>deltaY</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-<dt><b>deltaZ</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-</dl>
-</dd>
-<dt>Functions of objects that implement the <b>WheelEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>initWheelEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, buttonArg, relatedTargetArg, modifiersListArg, deltaXArg, deltaYArg, deltaZArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
-The <b>detailArg</b> parameter is a <b>Number</b>.<br />
-The <b>screenXArg</b> parameter is a <b>Number</b>.<br />
-The <b>screenYArg</b> parameter is a <b>Number</b>.<br />
-The <b>clientXArg</b> parameter is a <b>Number</b>.<br />
-The <b>clientYArg</b> parameter is a <b>Number</b>.<br />
-The <b>buttonArg</b> parameter is a <b>Number</b>.<br />
-The <b>relatedTargetArg</b> parameter is an object that implements the <b>EventTarget</b> interface.<br />
-The <b>modifiersListArg</b> parameter is a <b>String</b>.<br />
-The <b>deltaXArg</b> parameter is a <b>Number</b>.<br />
-The <b>deltaYArg</b> parameter is a <b>Number</b>.<br />
-The <b>deltaZArg</b> parameter is a <b>Number</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>MouseWheelEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt>Objects that implement the <b>MouseWheelEvent</b> interface have all properties and functions of the <b>MouseEvent</b> interface as well as the properties and functions defined below.</dt>
-<dt>Properties of objects that implement the <b>MouseWheelEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>wheelDelta</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-</dl>
-</dd>
-<dt>Functions of objects that implement the <b>MouseWheelEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>initMouseWheelEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, buttonArg, relatedTargetArg, modifiersListArg, wheelDeltaArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>viewArg</b> parameter is an object that implements the <b>AbstractView</b> interface.<br />
-The <b>detailArg</b> parameter is a <b>Number</b>.<br />
-The <b>screenXArg</b> parameter is a <b>Number</b>.<br />
-The <b>screenYArg</b> parameter is a <b>Number</b>.<br />
-The <b>clientXArg</b> parameter is a <b>Number</b>.<br />
-The <b>clientYArg</b> parameter is a <b>Number</b>.<br />
-The <b>buttonArg</b> parameter is a <b>Number</b>.<br />
-The <b>relatedTargetArg</b> parameter is an object that implements the <b>EventTarget</b> interface.<br />
-The <b>modifiersListArg</b> parameter is a <b>String</b>.<br />
-The <b>wheelDeltaArg</b> parameter is a <b>Number</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Properties of the <b>MutationEvent</b> Constructor function:</dt>
-<dd>
-<dl>
-<dt><b>MutationEvent.MODIFICATION</b></dt>
-<dd>The value of the constant <b>MutationEvent.MODIFICATION</b> is <b>1</b>.</dd>
-<dt><b>MutationEvent.ADDITION</b></dt>
-<dd>The value of the constant <b>MutationEvent.ADDITION</b> is <b>2</b>.</dd>
-<dt><b>MutationEvent.REMOVAL</b></dt>
-<dd>The value of the constant <b>MutationEvent.REMOVAL</b> is <b>3</b>.</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>MutationEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt>Objects that implement the <b>MutationEvent</b> interface have all properties and functions of the <b>Event</b> interface as well as the properties and functions defined below.</dt>
-<dt>Properties of objects that implement the <b>MutationEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>relatedNode</b></dt>
-<dd>This read-only property is an object that implements the <b>Node</b> interface.</dd>
-<dt><b>prevValue</b></dt>
-<dd>This read-only property is a <b>String</b>.</dd>
-<dt><b>newValue</b></dt>
-<dd>This read-only property is a <b>String</b>.</dd>
-<dt><b>attrName</b></dt>
-<dd>This read-only property is a <b>String</b>.</dd>
-<dt><b>attrChange</b></dt>
-<dd>This read-only property is a <b>Number</b>.</dd>
-</dl>
-</dd>
-<dt>Functions of objects that implement the <b>MutationEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>initMutationEvent(typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevValueArg, newValueArg, attrNameArg, attrChangeArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>relatedNodeArg</b> parameter is an object that implements the <b>Node</b> interface.<br />
-The <b>prevValueArg</b> parameter is a <b>String</b>.<br />
-The <b>newValueArg</b> parameter is a <b>String</b>.<br />
-The <b>attrNameArg</b> parameter is a <b>String</b>.<br />
-The <b>attrChangeArg</b> parameter is a <b>Number</b>.</dd>
-<dt><b>initMutationEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevValueArg, newValueArg, attrNameArg, attrChangeArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>relatedNodeArg</b> parameter is an object that implements the <b>Node</b> interface.<br />
-The <b>prevValueArg</b> parameter is a <b>String</b>.<br />
-The <b>newValueArg</b> parameter is a <b>String</b>.<br />
-The <b>attrNameArg</b> parameter is a <b>String</b>.<br />
-The <b>attrChangeArg</b> parameter is a <b>Number</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-<dt>Objects that implement the <b>MutationNameEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt>Objects that implement the <b>MutationNameEvent</b> interface have all properties and functions of the <b>MutationEvent</b> interface as well as the properties and functions defined below.</dt>
-<dt>Properties of objects that implement the <b>MutationNameEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>prevNamespaceURI</b></dt>
-<dd>This read-only property is a <b>String</b>.</dd>
-<dt><b>prevNodeName</b></dt>
-<dd>This read-only property is a <b>String</b>.</dd>
-</dl>
-</dd>
-<dt>Functions of objects that implement the <b>MutationNameEvent</b> interface:</dt>
-<dd>
-<dl>
-<dt><b>initMutationNameEvent(typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevNamespaceURIArg, prevNodeNameArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>relatedNodeArg</b> parameter is an object that implements the <b>Node</b> interface.<br />
-The <b>prevNamespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>prevNodeNameArg</b> parameter is a <b>String</b>.</dd>
-<dt><b>initMutationNameEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevNamespaceURIArg, prevNodeNameArg)</b></dt>
-<dd>This function has no return value.<br />
-The <b>namespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>typeArg</b> parameter is a <b>String</b>.<br />
-The <b>canBubbleArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>cancelableArg</b> parameter is a <b>Boolean</b>.<br />
-The <b>relatedNodeArg</b> parameter is an object that implements the <b>Node</b> interface.<br />
-The <b>prevNamespaceURIArg</b> parameter is a <b>String</b>.<br />
-The <b>prevNodeNameArg</b> parameter is a <b>String</b>.</dd>
-</dl>
-</dd>
-</dl>
-</dd>
-</dl>
-</div>
-<!-- ecma-block --></div>
-<!-- div1 ecma-binding -->
-<a id='acknowledgements' name='acknowledgements'></a>
-<div class='noprint' style='text-align: right'>
-<p style='font-family: monospace;font-size:small'>January 2008</p>
-</div>
-<div class='div1'><a name='acknowledgements-contributors' id='acknowledgements-contributors'></a>
-<h1 id='acknowledgements-contributors-h1' class='adiv1'>Appendix G: Acknowledgements</h1>
-<p class='first'>Many people contributed to the DOM specifications (Level 1, 2 or 3), including participants of the DOM Working Group and the DOM Interest Group. We especially thank the following:</p>
-<p>Andrew Watson (Object Management Group), Andy Heninger (IBM), Angel Diaz (IBM), Arnaud Le Hors (W3C and IBM), Ashok Malhotra (IBM and Microsoft), Ben Chang (Oracle), Bill Smith (Sun), Bill Shea (Merrill Lynch), Bob Sutor (IBM), Chris Lovett (Microsoft), Chris Wilson (Microsoft), David Brownell (Sun), David Ezell (Hewlett-Packard Company), David Singer (IBM), Dimitris Dimitriadis (Improve AB and invited expert), Don Park (invited), Elena Litani (IBM), Eric Vasilik (Microsoft), Gavin Nicol (INSO), Ian Jacobs (W3C), James Clark (invited), James Davidson (Sun), Jared Sorensen (Novell), Jeroen van Rotterdam (X-Hive Corporation), Joe Kesselman (IBM), Joe Lapp (webMethods), Joe Marini (Macromedia), Johnny Stenback (Netscape/AOL), Jon Ferraiolo (Adobe), Jonathan Marsh (Microsoft), Jonathan Robie (Texcel Research and Software AG), Kim Adamson-Sharpe (SoftQuad Software Inc.), Lauren Wood (SoftQuad Software Inc., <em>former Chair</em>), Laurence Cable (Sun), Mark Davis (IBM), Mark Scardina (Oracle), Martin Dürst (W3C), Mary Brady (NIST), Mick Goulish (Software AG), Mike Champion (Arbortext and Software AG), Miles Sabin (Cromwell Media), Patti Lutsky (Arbortext), Paul Grosso (Arbortext), Peter Sharpe (SoftQuad Software Inc.), Phil Karlton (Netscape), Philippe Le Hégaret (W3C, <em>W3C Team Contact and former Chair</em>), Ramesh Lekshmynarayanan (Merrill Lynch), Ray Whitmer (iMall, Excite@Home, and Netscape/AOL, <em>Chair</em>), Rezaur Rahman (Intel), Rich Rollman (Microsoft), Rick Gessner (Netscape), Rick Jelliffe (invited), Rob Relyea (Microsoft), Scott Isaacs (Microsoft), Sharon Adler (INSO), Steve Byrne (JavaSoft), Tim Bray (invited), Tim Yu (Oracle), Tom Pixley (Netscape/AOL), Vidur Apparao (Netscape), Vinod Anupam (Lucent).</p>
-<p>After publication of this document as Working Group Note in November 2003, the participants of the WebAPI Working Group resumed development of this document:</p>
-<p>Anne van Kesteren (Opera Software), Arun Ranganathan (AOL), Björn Höhrmann, Charles McCathieNevile (Opera Software, <em>Co-Chair</em>), Christophe Jolif (ILOG), Dean Jackson (W3C, <em>W3C Team Contact</em>), Doug Schepers (Vectoreal), Gorm Haug Eriksen (Opera Software), Ian Davis (Talis Information Limited), Ian Hickson (Google), John Robinson (AOL), Jonas Sicking (Mozilla Foundation), Luca Mascaro (HTML Writers Guild), Maciej Stachowiak (Apple Computer), Marc Hadley (Sun Microsystems), Michael Shenfield (Research In Motion), Robin Berjon, (Expway, <em>Co-Chair</em>) , Scott Hayman (Research In Motion), Stéphane Sire (IntuiLab), T.V. Raman (Google),</p>
-<p>Thanks to all those who have helped to improve this specification by sending suggestions and corrections (Please, keep bugging us with your issues!).</p>
-<p>Many thanks to Brad Pettit, Dylan Schiemann, David Flanagan, Steven Pemberton, Curt Arnold, Al Gilman, Misha Wolf, Sigurd Lerstad, Michael B. Allen, Alexander J. Vincent, Martin Dürst, Ken Rehor, and, Cameron McCormack, for their review and comments of this document.</p>
-<p>Special thanks to the <a class='normative' href='http://www.w3.org/DOM/Test'>DOM Conformance Test Suites</a> contributors: Fred Drake, Mary Brady (NIST), Rick Rivello (NIST), Robert Clary (Netscape), Neil Delima (IBM), with a special mention to Curt Arnold.</p>
-<div class='div2'><a name='acknowledgements-Productions' id='acknowledgements-Productions'></a>
-<h2 id='acknowledgements-Productions-h2' class='adiv2'>G.1 Production Systems</h2>
-<p>This specification was written in XML. The HTML, OMG IDL, Java and ECMAScript bindings were all produced automatically.</p>
-<p>Thanks to Joe English, author of <a class='normative' href='http://www.flightlab.com/cost'>cost</a>, which was used as the basis for producing DOM Level 1. Thanks also to Gavin Nicol, who wrote the scripts which run on top of cost. Arnaud Le Hors and Philippe Le Hégaret maintained the scripts.</p>
-<p>After DOM Level 1, we used <a class='normative' href='http://xml.apache.org/xerces-j'>Xerces</a> as the basis DOM implementation and wish to thank the authors. Philippe Le Hégaret and Arnaud Le Hors wrote the <a class='normative' href='http://dev.w3.org/cvsweb/java/classes/org/w3c/tools/specgenerator/'>Java programs</a> which are the DOM application.</p>
-<p>Thanks also to Jan Kärrman, author of <a class='normative' href='http://user.it.uu.se/~jan/html2ps.html'>html2ps</a>, which we use in creating the PostScript version of the specification.</p>
-</div>
-<!-- div2 Productions --></div>
-<!-- div1 contributors -->
-<a id='glossary' name='glossary'></a>
-<div class='noprint' style='text-align: right'>
-<p style='font-family: monospace;font-size:small'>January 2008</p>
-</div>
-<div class='div1'><a name='glossary-glossary' id='glossary-glossary'></a>
-<h1 id='glossary-role-glossary' class='glossary'>Glossary</h1>
-<dl>
-<dt><i>Editors</i>:</dt>
-<dd>Arnaud Le Hors, W3C</dd>
-<dd>Robert S. Sutor, IBM Research (for DOM Level 1)</dd>
-</dl>
-<p class='first'>Some of the following term definitions have been borrowed or modified from similar definitions in other W3C or standards documents. See the links within the definitions for more information.</p>
-<dl>
-<dt><b><a name='glossary-dt-bubbling-phase' id='glossary-dt-bubbling-phase'>bubbling phase</a></b></dt>
-<dd>The process by which an <a href='#glossary-dt-event'>event</a> can be handled by one of the target ancestors after being handled by the <a href='#glossary-dt-target-node'>target node</a>.</dd>
-<dt><b><a name='glossary-dt-capture-phase' id='glossary-dt-capture-phase'>capture phase</a></b></dt>
-<dd>The process by which an <a href='#glossary-dt-event'>event</a> can be handled by one of the target ancestors before being handled by the <a href='#glossary-dt-target-node'>target node</a>.</dd>
-<dt><b><a name='glossary-dt-DOM-Level-0' id='glossary-dt-DOM-Level-0'>DOM Level 0</a></b></dt>
-<dd>The term "DOM Level 0" refers to a mix (not formally specified) of HTML document functionalities offered by Netscape Navigator version 3.0 and Microsoft Internet Explorer version 3.0. In some cases, attributes or methods have been included for reasons of backward compatibility with "DOM Level 0".</dd>
-<dt><b><a name='glossary-dt-event' id='glossary-dt-event'>event</a></b></dt>
-<dd>An event is the representation of some asynchronous occurrence (such as a mouse click on the presentation of the element, or the removal of child node from an element, or any of unthinkably many other possibilities) that gets associated with an <a href='#glossary-dt-event-target'>event target</a>.</dd>
-<dt><b><a name='glossary-dt-event-target' id='glossary-dt-event-target'>event target</a></b></dt>
-<dd>The object to which an <a href='#glossary-dt-event'>event</a> is targeted.</dd>
-<dt><b><a name='glossary-dt-localname' id='glossary-dt-localname'>local name</a></b></dt>
-<dd>See local name in [<cite><a class='noxref informative' href='#references-Namespaces11'>XML Namespaces 1.1</a></cite>].</dd>
-<dt><b><a name='glossary-dt-namespaceURI' id='glossary-dt-namespaceURI'>namespace URI</a></b></dt>
-<dd>A <i>namespace URI</i> is a URI that identifies an XML namespace. This is called the namespace name in [<cite><a class='noxref informative' href='#references-Namespaces11'>XML Namespaces 1.1</a></cite>]. See also sections 1.3.2 "<a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/core.html#baseURIs-Considerations'><em>DOM URIs</em></a>" and 1.3.3 "<a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core/core.html#Namespaces-Considerations'><em>XML Namespaces</em></a>" regarding URIs and namespace URIs handling and comparison in the DOM APIs.</dd>
-<dt><b><a name='glossary-dt-target-node' id='glossary-dt-target-node'>target node</a></b></dt>
-<dd>The target node is the node representing the <a href='#glossary-dt-event-target'>event target</a> to which an <a href='#glossary-dt-event'>event</a> is targeted using the DOM event flow.</dd>
-<dt><b><a name='glossary-dt-target-phase' id='glossary-dt-target-phase'>target phase</a></b></dt>
-<dd>The process by which an <a href='#glossary-dt-event'>event</a> can be handled by the <a href='#glossary-dt-event-target'>event target</a>.</dd>
-</dl>
-</div>
-<!-- div1 glossary -->
-<a id='references' name='references'></a>
-<div class='noprint' style='text-align: right'>
-<p style='font-family: monospace;font-size:small'>January 2008</p>
-</div>
-<div class='div1'><a name='references-References' id='references-References'></a>
-<h1 id='references-role-references' class='references'>References</h1>
-<p class='first'>For the latest version of any W3C specification please consult the list of <a class='normative' href='http://www.w3.org/TR'>W3C Technical Reports</a> available at http://www.w3.org/TR.</p>
-<div class='div2'><a name='references-References-Normative' id='references-References-Normative'></a>
-<h2 id='references-References-Normative-h2' class='adiv2'>I.1 Normative References</h2>
-<dl>
-<dt><b>[<a name='references-DOM2Core' id='references-DOM2Core'>DOM Level 2 Core</a>]</b></dt>
-<dd><cite><a href='http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113'>Document Object Model Level 2 Core Specification</a></cite>, A. Le Hors, et al., Editors. World Wide Web Consortium, November 2000. This version of the DOM Level 2 Core Recommendation is http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113. The <a class='normative' href='http://www.w3.org/TR/DOM-Level-2-Core'>latest version of DOM Level 2 Core</a> is available at http://www.w3.org/TR/DOM-Level-2-Core.</dd>
-<dt><b>[<a name='references-DOMCore' id='references-DOMCore'>DOM Level 3 Core</a>]</b></dt>
-<dd><cite><a href='http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407'>Document Object Model Level 3 Core Specification</a></cite>, A. Le Hors, et al., Editors. World Wide Web Consortium, April 2004. This version of the Document Object Model Level 3 Core Specification is http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407. The <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-Core'>latest version of DOM Level 3 Core</a> is available at http://www.w3.org/TR/DOM-Level-3-Core.</dd>
-<dt><b>[<a name='references-DOM2Events' id='references-DOM2Events'>DOM Level 2 Events</a>]</b></dt>
-<dd><cite><a href='http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113'>Document Object Model Level 2 Events Specification</a></cite>, T. Pixley, Editor. World Wide Web Consortium, November 2000. This version of the Document Object Model Level 2 Events Specification is http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113. The <a class='normative' href='http://www.w3.org/TR/DOM-Level-2-Events'>latest version of Document Object Model Level 2 Events</a> is available at http://www.w3.org/TR/DOM-Level-2-Events.</dd>
-<dt><b>[<a name='references-ECMAScript' id='references-ECMAScript'>ECMAScript</a>]</b></dt>
-<dd><cite>ECMAScript Language Specification</cite>, Third Edition. European Computer Manufacturers Association, Standard ECMA-262, December 1999. This version of the ECMAScript Language is available from http://www.ecma-international.org/.</dd>
-<dt><b>[<a name='references-Java' id='references-Java'>Java</a>]</b></dt>
-<dd><cite><a href='http://java.sun.com/docs/books/jls'>The Java Language Specification</a></cite>, J. Gosling, B. Joy, and G. Steele, Authors. Addison-Wesley, September 1996. Available at http://java.sun.com/docs/books/jls</dd>
-<dt><b>[<a name='references-OMGIDL' id='references-OMGIDL'>OMG IDL</a>]</b></dt>
-<dd><cite>"OMG IDL Syntax and Semantics"</cite> defined in <cite><a href='http://www.omg.org/technology/documents/formal/corba_2.htm'>The Common Object Request Broker: Architecture and Specification, version 2</a></cite>, Object Management Group. The latest version of CORBA version 2.0 is available at http://www.omg.org/technology/documents/formal/corba_2.htm.</dd>
-<dt><b>[<a name='references-Unicode' id='references-Unicode'>Unicode</a>]</b></dt>
-<dd><cite>The Unicode Standard, Version 5.0</cite>, ISBN 0-321-48091-0, as updated from time to time by the publication of new versions. See also <a class='normative' href='http://www.unicode.org/unicode/standard/versions'>Versions of the Unicode Standard</a>, available at http://www.unicode.org/unicode/standard/versions, for latest version and additional information on versions of the standard and of the Unicode Character Database.</dd>
-<dt><b>[<a name='references-UnicodeNormalization' id='references-UnicodeNormalization'>UAX #15</a>]</b></dt>
-<dd><cite><a href='http://www.unicode.org/reports/tr15/'>Unicode Normalization Forms</a></cite>, The Unicode Standard Annex #15. The Unicode Consortium, 2006. The latest version of this annex is available at http://www.unicode.org/reports/tr15/.</dd>
-<dt><b>[<a name='references-Namespaces11' id='references-Namespaces11'>XML Namespaces 1.1</a>]</b></dt>
-<dd><cite><a href='http://www.w3.org/TR/2006/REC-xml-names11-20060816'>Namespaces in XML 1.1</a></cite>, T. Bray, D. Hollander, A. Layman, and R. Tobin, Editors. World Wide Web Consortium, August 2006. This version of the Namespaces in XML 1.1 Specification is http://www.w3.org/TR/2006/REC-xml-names11-20060816. The <a class='normative' href='http://www.w3.org/TR/xml-names11/'>latest version of Namespaces in XML 1.1</a> is available at http://www.w3.org/TR/xml-names11/.</dd>
-</dl>
-</div>
-<!-- div2 References-Normative -->
-<div class='div2'><a name='references-References-Informative' id='references-References-Informative'></a>
-<h2 id='references-References-Informative-h2' class='adiv2'>I.2 Informative References</h2>
-<dl>
-<dt><b>[<a name='references-DOMLS' id='references-DOMLS'>DOM Level 3 Load and Save</a>]</b></dt>
-<dd><cite><a href='http://www.w3.org/TR/2004/REC-DOM-Level-3-LS-20040407'>Document Object Model Level 3 Load and Save Specification</a></cite>, J. Stenback, A. Heninger, Editors. World Wide Web Consortium, April 2004. This version of the DOM Level 3 Load and Save Specification is http://www.w3.org/TR/2004/REC-DOM-Level-3-LS-20040407. The <a class='normative' href='http://www.w3.org/TR/DOM-Level-3-LS'>latest version of DOM Level 3 Load and Save</a> is available at http://www.w3.org/TR/DOM-Level-3-LS.</dd>
-<dt><b>[<a name='references-DWW95' id='references-DWW95'>DWW95</a>]</b></dt>
-<dd><cite>Developing International Software for Windows 95 and Windows NT: A Handbook for International Software Design</cite>, N. Kano, Author. Microsoft Press, 1995. ISBN 1-55615-840-8.</dd>
-<dt><b>[<a name='references-HTML40' id='references-HTML40'>HTML 4.01</a>]</b></dt>
-<dd><cite><a href='http://www.w3.org/TR/1999/REC-html401-19991224/'>HTML 4.01 Specification</a></cite>, D. Raggett, A. Le Hors, and I. Jacobs, Editors. World Wide Web Consortium, December 1999. This version of the HTML 4.01 Recommendation is http://www.w3.org/TR/1999/REC-html401-19991224. The <a class='normative' href='http://www.w3.org/TR/html4'>latest version of HTML 4</a> is available at http://www.w3.org/TR/html4.</dd>
-<dt><b>[<a name='references-KeyEvent' id='references-KeyEvent'>KeyEvent for Java</a>]</b></dt>
-<dd><cite><a href='http://java.sun.com/j2se/1.4.2/docs/api/java/awt/event/KeyEvent.html'>Java 2 SDK, Standard Edition Documentation, Version 1.4.2, Class java.awt.events.KeyEvent</a></cite>. Sun Microsystems. Available at http://java.sun.com/j2se/1.4.2/docs/api/java/awt/event/KeyEvent.html.</dd>
-<dt><b>[<a name='references-Keys' id='references-Keys'>Keys enumeration for .Net</a>]</b></dt>
-<dd><cite><a href='http://msdn.microsoft.com/library/default.asp?url=/library/en-us/cpref/html/frlrfSystemWindowsFormsKeysClassTopic.asp'>.NET Framework Class Library, Keys Enumeration</a></cite>. Microsoft. Available at http://msdn.microsoft.com/library/default.asp?url=/library/en-us/cpref/html/frlrfSystemWindowsFormsKeysClassTopic.asp.</dd>
-<dt><b>[<a name='references-XHTML10' id='references-XHTML10'>XHTML 1.0</a>]</b></dt>
-<dd><cite><a href='http://www.w3.org/TR/2002/REC-xhtml1-20020801'>XHTML 1.0: The Extensible HyperText Markup Language (Second Edition)</a></cite>, S. Pemberton, et al., Authors. World Wide Web Consortium, August 2002. This version of the XHTML 1.0 Recommendation is http://www.w3.org/TR/2002/REC-xhtml1-20020801. The <a class='normative' href='http://www.w3.org/TR/xhtml1'>latest version of XHTML 1.0</a> is available at http://www.w3.org/TR/xhtml1.</dd>
-<dt><b>[<a name='references-XML' id='references-XML'>XML 1.0</a>]</b></dt>
-<dd><cite><a href='http://www.w3.org/TR/2006/REC-xml-20060816'>Extensible Markup Language (XML) 1.0</a></cite>, T. Bray, J. Paoli, C. M. Sperberg-McQueen, et. al, Editors. World Wide Web Consortium, August 2006. This version of the XML 1.0 Recommendation is http://www.w3.org/TR/2006/REC-xml-20060816. The <a class='normative' href='http://www.w3.org/TR/xml'>latest version of XML 1.0</a> is available at http://www.w3.org/TR/xml.</dd>
-</dl>
-</div>
-<!-- div2 References-Informative --></div>
-<!-- div1 References -->
-<a id='def-index' name='def-index'></a>
-<div class='noprint' style='text-align: right'>
-<p style='font-family: monospace;font-size:small'>January 2008</p>
-</div>
-<div class='div1'><a name='def-index-Index' id='def-index-Index'></a>
-<h1 id='def-index-role-index' class='index'>Index</h1>
-<table summary='the table contains all keywords used in this document'>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>abort</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-abort'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTarget-addEventListener'>addEventListener</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTargetGroup-addEventListenerNS'>addEventListenerNS</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-ADDITION'>ADDITION</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-altKey'>altKey</a> <a class='index-inst' href='#events-Events-KeyboardEvent-altKey'>1</a>, <a class='index-inst' href='#events-Events-MouseEvent-altKey'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-AT_TARGET'>AT_TARGET</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-attrChange'>attrChange</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-attrName'>attrName</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>blur</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-uievents'>2</a>, <a class='index-inst' href='#events-event-blur'>3</a>, <a class='index-inst' href='#events-Events-eventgroupings-basicevents'>4</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-canBubble'>bubbles</a></td>
-<td width='30%'><a class='noxref' href='#events-BUBBLING_PHASE'>bubbling phase</a> <a class='index-inst' href='#events-BUBBLING_PHASE'>1</a>, <a class='index-inst' href='#events-Events-EventTarget-addEventListener'>2</a>, <a class='index-inst' href='#glossary-dt-bubbling-phase'>3</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-BUBBLING_PHASE'>BUBBLING_PHASE</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-button'>button</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-canCancel'>cancelable</a></td>
-<td width='30%'><a class='noxref' href='#events-dt-cancelable-event'>cancelable event</a> <a class='index-inst' href='#events-dt-cancelable-event'>1</a>, <a class='index-inst' href='#events-Events-EventTypes-complete'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-DocumentEvent-canDispatch'>canDispatch</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-CAPTURING_PHASE'>capture phase</a> <a class='index-inst' href='#events-CAPTURING_PHASE'>1</a>, <a class='index-inst' href='#events-AT_TARGET'>2</a>, <a class='index-inst' href='#events-Events-EventTarget-addEventListener'>3</a>, <a class='index-inst' href='#glossary-dt-capture-phase'>4</a></td>
-<td width='30%'><a class='noxref' href='#events-CAPTURING_PHASE'>CAPTURING_PHASE</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>change</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-change'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-flow-activation'>click</a> <a class='index-inst' href='#events-Events-flow-activation'>1</a>, <a class='index-inst' href='#events-Events-EventTypes-complete'>2</a>, <a class='index-inst' href='#events-event-click'>3</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>4</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-clientX'>clientX</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-clientY'>clientY</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-DocumentEvent-createEvent'>createEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-ctrlKey'>ctrlKey</a> <a class='index-inst' href='#events-Events-KeyboardEvent-ctrlKey'>1</a>, <a class='index-inst' href='#events-Events-MouseEvent-ctrlKey'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-dt-current-click-count'>current click count</a> <a class='index-inst' href='#events-dt-current-click-count'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-currentTarget'>currentTarget</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-CustomEvent'>CustomEvent</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-UIEvent-data'>data</a></td>
-<td width='30%'><a class='noxref' href='#events-event-dblclick'>dblclick</a> <a class='index-inst' href='#events-event-dblclick'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-defaultPrevented'>defaultPrevented</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-CustomEvent-detail'>detail</a> <a class='index-inst' href='#events-Events-CustomEvent-detail'>1</a>, <a class='index-inst' href='#events-Events-UIEvent-detail'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-DISPATCH_REQUEST_ERR'>DISPATCH_REQUEST_ERR</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTarget-dispatchEvent'>dispatchEvent</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-DocumentEvent'>DocumentEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-overview'>DOM Level 0</a> <a class='index-inst' href='#events-Events-overview'>1</a>, <a class='index-inst' href='#events-Events-MouseEvent'>2</a>, <a class='index-inst' href='#glossary-dt-DOM-Level-0'>3</a></td>
-<td width='30%'><a class='noxref' href='#events-Conformance'>DOM Level 2 Core</a> <a class='index-inst' href='#events-Conformance'>1</a>, <a class='index-inst' href='#references-DOM2Core'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Conformance'>DOM Level 2 Events</a> <a class='index-inst' href='#events-Conformance'>1</a>, <a class='index-inst' href='#references-DOM2Events'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Conformance'>DOM Level 3 Core</a> <a class='index-inst' href='#events-Conformance'>1</a>, <a class='index-inst' href='#events-Event-types'>2</a>, <a class='index-inst' href='#references-DOMCore'>3</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-flow'>DOM Level 3 Load and Save</a> <a class='index-inst' href='#events-Events-flow'>1</a>, <a class='index-inst' href='#references-DOMLS'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-DOM_KEY_LOCATION_LEFT'>DOM_KEY_LOCATION_LEFT</a></td>
-<td width='30%'><a class='noxref' href='#events-DOM_KEY_LOCATION_NUMPAD'>DOM_KEY_LOCATION_NUMPAD</a></td>
-<td width='30%'><a class='noxref' href='#events-DOM_KEY_LOCATION_RIGHT'>DOM_KEY_LOCATION_RIGHT</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-DOM_KEY_LOCATION_STANDARD'>DOM_KEY_LOCATION_STANDARD</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-flow-activation'>DOMActivate</a> <a class='index-inst' href='#events-Events-flow-activation'>1</a>, <a class='index-inst' href='#events-Events-EventTypes-complete'>2</a>, <a class='index-inst' href='#events-Events-DocumentEvent-createEvent'>3</a>, <a class='index-inst' href='#events-event-DOMActivate'>4</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMAttributeNameChanged</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-DOMAttributeNameChanged'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMAttrModified</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-MutationEvent-relatedNode'>2</a>, <a class='index-inst' href='#events-Events-MutationEvent-prevValue'>3</a>, <a class='index-inst' href='#events-Events-MutationEvent-newValue'>4</a>, <a class='index-inst' href='#events-Events-MutationEvent-attrName'>5</a>, <a class='index-inst' href='#events-Events-MutationEvent-attrChange'>6</a>, <a class='index-inst' href='#events-event-DOMAttrModified'>7</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMCharacterDataModified</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-MutationEvent-prevValue'>2</a>, <a class='index-inst' href='#events-Events-MutationEvent-newValue'>3</a>, <a class='index-inst' href='#events-event-DOMCharacterDataModified'>4</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMElementNameChanged</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-DOMElementNameChanged'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMFocusIn</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-DOMFocusIn'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMFocusOut</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-DOMFocusOut'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMNodeInserted</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-DOMNodeInserted'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-mutationevents'>3</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMNodeInsertedIntoDocument</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-DOMNodeInsertedIntoDocument'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMNodeRemoved</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-DOMNodeRemoved'>2</a>, <a class='index-inst' href='#events-Events-eventgroupings-mutationevents'>3</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMNodeRemovedFromDocument</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-DOMNodeRemovedFromDocument'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>DOMSubtreeModified</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-DOMSubtreeModified'>2</a></td>
-<td width='30%'><a class='noxref' href='#references-DWW95'>DWW95</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#references-ECMAScript'>ECMAScript</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>error</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-error'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event'>Event</a> <a class='index-inst' href='#events-Events-Event'>1</a>, <a class='index-inst' href='#events-Events-overview'>2</a>, <a class='index-inst' href='#events-Events-EventListener-handleEvent'>3</a>, <a class='index-inst' href='#glossary-dt-event'>4</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-AT_TARGET'>event target</a> <a class='index-inst' href='#events-AT_TARGET'>1</a>, <a class='index-inst' href='#events-Events-Event-target'>2</a>, <a class='index-inst' href='#events-Events-EventTarget'>3</a>, <a class='index-inst' href='#events-Events-EventTarget-dispatchEvent'>4</a>, <a class='index-inst' href='#events-Events-eventgroupings-uievents'>5</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>6</a>, <a class='index-inst' href='#events-Events-eventgroupings-wheelevents'>7</a>, <a class='index-inst' href='#events-Events-eventgroupings-mousewheelevents'>8</a>, <a class='index-inst' href='#glossary-dt-event-target'>9</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventException'>EventException</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventListener'>EventListener</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-eventPhase'>eventPhase</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTarget'>EventTarget</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>focus</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-uievents'>2</a>, <a class='index-inst' href='#events-event-focus'>3</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-getModifierState'>getModifierState</a> <a class='index-inst' href='#events-Events-KeyboardEvent-getModifierState'>1</a>, <a class='index-inst' href='#events-Events-MouseEvent-getModifierState'>2</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventListener-handleEvent'>handleEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-flow-cancelation'>HTML 4.01</a> <a class='index-inst' href='#events-Events-flow-cancelation'>1</a>, <a class='index-inst' href='#events-Events-EventTypes-complete'>2</a>, <a class='index-inst' href='#events-Events-TextEvents-Interfaces'>3</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>4</a>, <a class='index-inst' href='#events-Events-eventgroupings-basicevents'>5</a>, <a class='index-inst' href='#references-HTML40'>6</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initCustomEventNS'>initCustomEventNS</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initEvent'>initEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initEventNS'>initEventNS</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-initKeyboardEvent'>initKeyboardEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-initKeyboardEventNS'>initKeyboardEventNS</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initMouseEvent'>initMouseEvent</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initMouseEventNS'>initMouseEventNS</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initWheelEventNS'>initWheelEventNS</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initMouseWheelEventNS'>initMouseWheelEventNS</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initMutationEvent'>initMutationEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initMutationEventNS'>initMutationEventNS</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initMutationNameEvent'>initMutationNameEvent</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initMutationNameEventNS'>initMutationNameEventNS</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initTextEvent'>initTextEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initTextEventNS'>initTextEventNS</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initUIEvent'>initUIEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-initUIEventNS'>initUIEventNS</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-TextEvents-Interfaces'>Input Method Editor</a> <a class='index-inst' href='#events-Events-TextEvents-Interfaces'>1</a>, <a class='index-inst' href='#events-Events-KeyboardEvents-Interfaces'>2</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#references-Java'>Java</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent'>KeyboardEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>keydown</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-keydown'>2</a>, <a class='index-inst' href='#events-Events-KeyboardEvents-Interfaces'>3</a></td>
-<td width='30%'><a class='noxref' href='#references-KeyEvent'>KeyEvent for Java</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-keyIdentifier'>keyIdentifier</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-keylocation'>keyLocation</a></td>
-<td width='30%'><a class='noxref' href='#references-Keys'>Keys enumeration for .Net</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>keyup</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-KeyboardEvents-Interfaces'>2</a>, <a class='index-inst' href='#events-event-keyup'>3</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>load</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-load'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Event-types'>local name</a> <a class='index-inst' href='#events-Event-types'>1</a>, <a class='index-inst' href='#events-Events-Event-type'>2</a>, <a class='index-inst' href='#events-Events-Event-initEvent'>3</a>, <a class='index-inst' href='#glossary-dt-localname'>4</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-metaKey'>metaKey</a> <a class='index-inst' href='#events-Events-KeyboardEvent-metaKey'>1</a>, <a class='index-inst' href='#events-Events-MouseEvent-metaKey'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-MODIFICATION'>MODIFICATION</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>mousedown</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>2</a>, <a class='index-inst' href='#events-event-mousedown'>3</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-MouseEvent'>MouseEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>mousemove</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>2</a>, <a class='index-inst' href='#events-event-mousemove'>3</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>wheel</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-wheel'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-WheelEvent'>WheelEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>mouseout</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>2</a>, <a class='index-inst' href='#events-event-mouseout'>3</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>mouseover</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>2</a>, <a class='index-inst' href='#events-event-mouseover'>3</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>mouseup</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-eventgroupings-mouseevents'>2</a>, <a class='index-inst' href='#events-event-mouseup'>3</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>mousewheel</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-mousewheel'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MouseWheelEvent'>MouseWheelEvent</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-MutationEvent'>MutationEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MutationNameEvent'>MutationNameEvent</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Conformance'>namespace URI</a> <a class='index-inst' href='#events-Conformance'>1</a>, <a class='index-inst' href='#events-Event-types'>2</a>, <a class='index-inst' href='#events-Events-Event-namespaceURI'>3</a>, <a class='index-inst' href='#events-Events-Event-initEventNS'>4</a>, <a class='index-inst' href='#glossary-dt-namespaceURI'>5</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-namespaceURI'>namespaceURI</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-newValue'>newValue</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#references-OMGIDL'>OMG IDL</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-preventDefault'>preventDefault</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MutationNameEvent-prevNamespaceURI'>prevNamespaceURI</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MutationNameEvent-prevNodeName'>prevNodeName</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-prevValue'>prevValue</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-MutationEvent-relatedNode'>relatedNode</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-relatedTarget'>relatedTarget</a></td>
-<td width='30%'><a class='noxref' href='#events-REMOVAL'>REMOVAL</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTarget-removeEventListener'>removeEventListener</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTargetGroup-removeEventListenerNS'>removeEventListenerNS</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>reset</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-reset'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>resize</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-resize'>2</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-screenX'>screenX</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-MouseEvent-screenY'>screenY</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>scroll</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-scroll'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>select</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-select'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-KeyboardEvent-shiftKey'>shiftKey</a> <a class='index-inst' href='#events-Events-KeyboardEvent-shiftKey'>1</a>, <a class='index-inst' href='#events-Events-MouseEvent-shiftKey'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-stopImmediatePropagation'>stopImmediatePropagation</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-stopPropagation'>stopPropagation</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-flow-cancelation'>submit</a> <a class='index-inst' href='#events-Events-flow-cancelation'>1</a>, <a class='index-inst' href='#events-Events-EventTypes-complete'>2</a>, <a class='index-inst' href='#events-event-submit'>3</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-target'>target</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-target'>target node</a> <a class='index-inst' href='#events-Events-Event-target'>1</a>, <a class='index-inst' href='#events-Events-Event-currentTarget'>2</a>, <a class='index-inst' href='#events-Events-EventTarget'>3</a>, <a class='index-inst' href='#events-Events-eventgroupings-mutationevents'>4</a>, <a class='index-inst' href='#events-Events-eventgroupings-mutationnameevents'>5</a>, <a class='index-inst' href='#glossary-dt-target-node'>6</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTarget-addEventListener'>target phase</a> <a class='index-inst' href='#events-Events-EventTarget-addEventListener'>1</a>, <a class='index-inst' href='#glossary-dt-target-phase'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-TextEvent'>TextEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>textInput</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-Events-TextEvents-Interfaces'>2</a>, <a class='index-inst' href='#events-event-textInput'>3</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-timeStamp'>timeStamp</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-Event-type'>type</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-UIEvent-data'>UAX #15</a> <a class='index-inst' href='#events-Events-UIEvent-data'>1</a>, <a class='index-inst' href='#references-UnicodeNormalization'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-UIEvent'>UIEvent</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-UIEvent-data'>Unicode</a> <a class='index-inst' href='#events-Events-UIEvent-data'>1</a>, <a class='index-inst' href='#references-Unicode'>2</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>unload</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#events-event-unload'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-UNSPECIFIED_EVENT_TYPE_ERR'>UNSPECIFIED_EVENT_TYPE_ERR</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-UIEvent-view'>view</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-MouseWheelEvent-wheelDelta'>wheelDelta</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-WheelEvent-deltaX'>deltaX</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-WheelEvent-deltaY'>deltaY</a></td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-WheelEvent-deltaZ'>deltaZ</a></td>
-</tr>
-<tr>
-<td> </td>
-</tr>
-<tr>
-<td width='30%'><a class='noxref' href='#events-Events-eventgroupings-basicevents'>XHTML 1.0</a> <a class='index-inst' href='#events-Events-eventgroupings-basicevents'>1</a>, <a class='index-inst' href='#references-XHTML10'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-EventTypes-complete'>XML 1.0</a> <a class='index-inst' href='#events-Events-EventTypes-complete'>1</a>, <a class='index-inst' href='#references-XML'>2</a></td>
-<td width='30%'><a class='noxref' href='#events-Events-Event-type'>XML Namespaces 1.1</a> <a class='index-inst' href='#events-Events-Event-type'>1</a>, <a class='index-inst' href='#events-Events-EventTarget-dispatchEvent'>2</a>, <a class='index-inst' href='#glossary-dt-localname'>3</a>, <a class='index-inst' href='#glossary-dt-namespaceURI'>4</a>, <a class='index-inst' href='#references-Namespaces11'>5</a></td>
-</tr>
-</table>
-</div>
-<!-- div1 Index -->
-</body>
+</pre>
+ </div>
+ </div>
+ <!-- div1 java-binding -->
+ <a id="ecma-script-binding" name="ecma-script-binding"> </a>
+ <div class="noprint" style="text-align: right">
+ <p style="font-family: monospace;font-size:small">January 2008</p>
+ </div>
+ <div class="div1">
+ <a name="ecma-script-binding-ecma-binding" id="ecma-script-binding-ecma-binding"> </a>
+ <h1 id="ecma-script-binding-ecma-binding-h1" class="adiv1">Appendix F: ECMAScript Language Binding</h1>
+ <p class="first">This appendix contains the complete ECMAScript [<cite>
+ <a class="noxref normative" href="#references-ECMAScript">ECMAScript</a>
+ </cite>] binding for the Level 3 Document Object Model Events definitions.</p>
+ <div class="ecma-block">
+ <dl>
+ <dt>Properties of the <strong>Event</strong> Constructor function:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>Event.CAPTURING_PHASE</strong>
+ </dt>
+ <dd>The value of the constant <strong>Event.CAPTURING_PHASE</strong> is <strong>1</strong>.</dd>
+ <dt>
+ <strong>Event.AT_TARGET</strong>
+ </dt>
+ <dd>The value of the constant <strong>Event.AT_TARGET</strong> is <strong>2</strong>.</dd>
+ <dt>
+ <strong>Event.BUBBLING_PHASE</strong>
+ </dt>
+ <dd>The value of the constant <strong>Event.BUBBLING_PHASE</strong> is <strong>3</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>Event</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Properties of objects that implement the <strong>Event</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>type</strong>
+ </dt>
+ <dd>This read-only property is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>target</strong>
+ </dt>
+ <dd>This read-only property is an object that implements the <strong>EventTarget</strong> interface.</dd>
+ <dt>
+ <strong>currentTarget</strong>
+ </dt>
+ <dd>This read-only property is an object that implements the <strong>EventTarget</strong> interface.</dd>
+ <dt>
+ <strong>eventPhase</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>bubbles</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>cancelable</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>timeStamp</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>namespaceURI</strong>
+ </dt>
+ <dd>This read-only property is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>defaultPrevented</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Functions of objects that implement the <strong>Event</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>stopPropagation()</strong>
+ </dt>
+ <dd>This function has no return value.</dd>
+ <dt>
+ <strong>preventDefault()</strong>
+ </dt>
+ <dd>This function has no return value.</dd>
+ <dt>
+ <strong>initEvent(eventTypeArg, canBubbleArg, cancelableArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>eventTypeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>stopImmediatePropagation()</strong>
+ </dt>
+ <dd>This function has no return value.</dd>
+ <dt>
+ <strong>initEventNS(namespaceURIArg, eventTypeArg, canBubbleArg, cancelableArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>eventTypeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>CustomEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Objects that implement the <strong>CustomEvent</strong> interface have all properties and functions of the <strong>Event</strong> interface as well as the properties and functions defined below.</dt>
+ <dt>Properties of objects that implement the <strong>CustomEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>detail</strong>
+ </dt>
+ <dd>This read-only property is an object that implements the <strong>Object</strong> interface.</dd>
+ </dl>
+ </dd>
+ <dt>Functions of objects that implement the <strong>CustomEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>initCustomEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, detailArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>detailArg</strong> parameter is an object that implements the <strong>Object</strong> interface.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>EventTarget</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Functions of objects that implement the <strong>EventTarget</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>addEventListener(type, listener, useCapture)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>type</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>listener</strong> parameter is an object that implements the <strong>EventListener</strong> interface.<strongr/>
+The <strong>useCapture</strong> parameter is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>removeEventListener(type, listener, useCapture)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>type</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>listener</strong> parameter is an object that implements the <strong>EventListener</strong> interface.<strongr/>
+The <strong>useCapture</strong> parameter is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>dispatchEvent(evt)</strong>
+ </dt>
+ <dd>This function returns a <strong>Boolean</strong>.<br/>
+The <strong>evt</strong> parameter is an object that implements the <strong>Event</strong> interface.<strongr/>
+This function can raise an object that implements the <strong>EventException</strong> interface or the <strong>DOMException</strong> interface.</dd>
+ <dt>
+ <strong>addEventListenerNS(namespaceURI, type, listener, useCapture)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURI</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>type</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>listener</strong> parameter is an object that implements the <strong>EventListener</strong> interface.<strongr/>
+The <strong>useCapture</strong> parameter is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>removeEventListenerNS(namespaceURI, type, listener, useCapture)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURI</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>type</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>listener</strong> parameter is an object that implements the <strong>EventListener</strong> interface.<strongr/>
+The <strong>useCapture</strong> parameter is a <strong>Boolean</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt><strong>EventListener</strong> function:</dt>
+ <dd>This function has no return value. The parameter is an object that implements the <strong>Event</strong> interface.</dd>
+ <dt>Properties of the <strong>EventException</strong> Constructor function:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>EventException.UNSPECIFIED_EVENT_TYPE_ERR</strong>
+ </dt>
+ <dd>The value of the constant <strong>EventException.UNSPECIFIED_EVENT_TYPE_ERR</strong> is <strong>0</strong>.</dd>
+ <dt>
+ <strong>EventException.DISPATCH_REQUEST_ERR</strong>
+ </dt>
+ <dd>The value of the constant <strong>EventException.DISPATCH_REQUEST_ERR</strong> is <strong>1</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>EventException</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Properties of objects that implement the <strong>EventException</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>code</strong>
+ </dt>
+ <dd>This property is a <strong>Number</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>DocumentEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Functions of objects that implement the <strong>DocumentEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>createEvent(eventType)</strong>
+ </dt>
+ <dd>This function returns an object that implements the <strong>Event</strong> interface.<br/>
+The <strong>eventType</strong> parameter is a <strong>String</strong>.<strongr/>
+This function can raise an object that implements the <strong>DOMException</strong> interface.</dd>
+ <dt>
+ <strong>canDispatch(namespaceURI, type)</strong>
+ </dt>
+ <dd>This function returns a <strong>Boolean</strong>.<br/>
+The <strong>namespaceURI</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>type</strong> parameter is a <strong>String</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>UIEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Objects that implement the <strong>UIEvent</strong> interface have all properties and functions of the <strong>Event</strong> interface as well as the properties and functions defined below.</dt>
+ <dt>Properties of objects that implement the <strong>UIEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>view</strong>
+ </dt>
+ <dd>This read-only property is an object that implements the <strong>AbstractView</strong> interface.</dd>
+ <dt>
+ <strong>detail</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Functions of objects that implement the <strong>UIEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>initUIEvent(typeArg, canBubbleArg, cancelableArg, viewArg, detailArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>viewArg</strong> parameter is an object that implements the <strong>AbstractView</strong> interface.<strongr/>
+The <strong>detailArg</strong> parameter is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>initUIEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, detailArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>viewArg</strong> parameter is an object that implements the <strong>AbstractView</strong> interface.<strongr/>
+The <strong>detailArg</strong> parameter is a <strong>Number</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>TextEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Objects that implement the <strong>TextEvent</strong> interface have all properties and functions of the <strong>UIEvent</strong> interface as well as the properties and functions defined below.</dt>
+ <dt>Properties of objects that implement the <strong>TextEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>data</strong>
+ </dt>
+ <dd>This read-only property is a <strong>String</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Functions of objects that implement the <strong>TextEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>initTextEvent(typeArg, canBubbleArg, cancelableArg, viewArg, dataArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>viewArg</strong> parameter is an object that implements the <strong>AbstractView</strong> interface.<strongr/>
+The <strong>dataArg</strong> parameter is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>initTextEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, dataArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>viewArg</strong> parameter is an object that implements the <strong>AbstractView</strong> interface.<strongr/>
+The <strong>dataArg</strong> parameter is a <strong>String</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Properties of the <strong>KeyboardEvent</strong> Constructor function:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>KeyboardEvent.DOM_KEY_LOCATION_STANDARD</strong>
+ </dt>
+ <dd>The value of the constant <strong>KeyboardEvent.DOM_KEY_LOCATION_STANDARD</strong> is <strong>0x00</strong>.</dd>
+ <dt>
+ <strong>KeyboardEvent.DOM_KEY_LOCATION_LEFT</strong>
+ </dt>
+ <dd>The value of the constant <strong>KeyboardEvent.DOM_KEY_LOCATION_LEFT</strong> is <strong>0x01</strong>.</dd>
+ <dt>
+ <strong>KeyboardEvent.DOM_KEY_LOCATION_RIGHT</strong>
+ </dt>
+ <dd>The value of the constant <strong>KeyboardEvent.DOM_KEY_LOCATION_RIGHT</strong> is <strong>0x02</strong>.</dd>
+ <dt>
+ <strong>KeyboardEvent.DOM_KEY_LOCATION_NUMPAD</strong>
+ </dt>
+ <dd>The value of the constant <strong>KeyboardEvent.DOM_KEY_LOCATION_NUMPAD</strong> is <strong>0x03</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>KeyboardEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Objects that implement the <strong>KeyboardEvent</strong> interface have all properties and functions of the <strong>UIEvent</strong> interface as well as the properties and functions defined below.</dt>
+ <dt>Properties of objects that implement the <strong>KeyboardEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>keyIdentifier</strong>
+ </dt>
+ <dd>This read-only property is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>keyLocation</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>ctrlKey</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>shiftKey</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>altKey</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>metaKey</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Functions of objects that implement the <strong>KeyboardEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>getModifierState(keyIdentifierArg)</strong>
+ </dt>
+ <dd>This function returns a <strong>Boolean</strong>.<br/>
+The <strong>keyIdentifierArg</strong> parameter is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>initKeyboardEvent(typeArg, canBubbleArg, cancelableArg, viewArg, keyIdentifierArg, keyLocationArg, modifiersListArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>viewArg</strong> parameter is an object that implements the <strong>AbstractView</strong> interface.<strongr/>
+The <strong>keyIdentifierArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>keyLocationArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>modifiersListArg</strong> parameter is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>initKeyboardEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, keyIdentifierArg, keyLocationArg, modifiersListArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>viewArg</strong> parameter is an object that implements the <strong>AbstractView</strong> interface.<strongr/>
+The <strong>keyIdentifierArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>keyLocationArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>modifiersListArg</strong> parameter is a <strong>String</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>MouseEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Objects that implement the <strong>MouseEvent</strong> interface have all properties and functions of the <strong>UIEvent</strong> interface as well as the properties and functions defined below.</dt>
+ <dt>Properties of objects that implement the <strong>MouseEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>screenX</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>screenY</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>clientX</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>clientY</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>ctrlKey</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>shiftKey</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>altKey</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>metaKey</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Boolean</strong>.</dd>
+ <dt>
+ <strong>button</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>relatedTarget</strong>
+ </dt>
+ <dd>This read-only property is an object that implements the <strong>EventTarget</strong> interface.</dd>
+ </dl>
+ </dd>
+ <dt>Functions of objects that implement the <strong>MouseEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>initMouseEvent(typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, ctrlKeyArg, altKeyArg, shiftKeyArg, metaKeyArg, buttonArg, relatedTargetArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>viewArg</strong> parameter is an object that implements the <strong>AbstractView</strong> interface.<strongr/>
+The <strong>detailArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>screenXArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>screenYArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>clientXArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>clientYArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>ctrlKeyArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>altKeyArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>shiftKeyArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>metaKeyArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>buttonArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>relatedTargetArg</strong> parameter is an object that implements the <strong>EventTarget</strong> interface.</dd>
+ <dt>
+ <strong>getModifierState(keyIdentifierArg)</strong>
+ </dt>
+ <dd>This function returns a <strong>Boolean</strong>.<br/>
+The <strong>keyIdentifierArg</strong> parameter is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>initMouseEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, buttonArg, relatedTargetArg, modifiersListArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>viewArg</strong> parameter is an object that implements the <strong>AbstractView</strong> interface.<strongr/>
+The <strong>detailArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>screenXArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>screenYArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>clientXArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>clientYArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>buttonArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>relatedTargetArg</strong> parameter is an object that implements the <strong>EventTarget</strong> interface.<strongr/>
+The <strong>modifiersListArg</strong> parameter is a <strong>String</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>WheelEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Objects that implement the <strong>WheelEvent</strong> interface have all properties and functions of the <strong>MouseEvent</strong> interface as well as the properties and functions defined below.</dt>
+ <dt>Properties of objects that implement the <strong>WheelEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>deltaX</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>deltaY</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>deltaZ</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Functions of objects that implement the <strong>WheelEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>initWheelEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, buttonArg, relatedTargetArg, modifiersListArg, deltaXArg, deltaYArg, deltaZArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>viewArg</strong> parameter is an object that implements the <strong>AbstractView</strong> interface.<strongr/>
+The <strong>detailArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>screenXArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>screenYArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>clientXArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>clientYArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>buttonArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>relatedTargetArg</strong> parameter is an object that implements the <strong>EventTarget</strong> interface.<strongr/>
+The <strong>modifiersListArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>deltaXArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>deltaYArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>deltaZArg</strong> parameter is a <strong>Number</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>MouseWheelEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Objects that implement the <strong>MouseWheelEvent</strong> interface have all properties and functions of the <strong>MouseEvent</strong> interface as well as the properties and functions defined below.</dt>
+ <dt>Properties of objects that implement the <strong>MouseWheelEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>wheelDelta</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Functions of objects that implement the <strong>MouseWheelEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>initMouseWheelEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, buttonArg, relatedTargetArg, modifiersListArg, wheelDeltaArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>viewArg</strong> parameter is an object that implements the <strong>AbstractView</strong> interface.<strongr/>
+The <strong>detailArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>screenXArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>screenYArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>clientXArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>clientYArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>buttonArg</strong> parameter is a <strong>Number</strong>.<strongr/>
+The <strong>relatedTargetArg</strong> parameter is an object that implements the <strong>EventTarget</strong> interface.<strongr/>
+The <strong>modifiersListArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>wheelDeltaArg</strong> parameter is a <strong>Number</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Properties of the <strong>MutationEvent</strong> Constructor function:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>MutationEvent.MODIFICATION</strong>
+ </dt>
+ <dd>The value of the constant <strong>MutationEvent.MODIFICATION</strong> is <strong>1</strong>.</dd>
+ <dt>
+ <strong>MutationEvent.ADDITION</strong>
+ </dt>
+ <dd>The value of the constant <strong>MutationEvent.ADDITION</strong> is <strong>2</strong>.</dd>
+ <dt>
+ <strong>MutationEvent.REMOVAL</strong>
+ </dt>
+ <dd>The value of the constant <strong>MutationEvent.REMOVAL</strong> is <strong>3</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>MutationEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Objects that implement the <strong>MutationEvent</strong> interface have all properties and functions of the <strong>Event</strong> interface as well as the properties and functions defined below.</dt>
+ <dt>Properties of objects that implement the <strong>MutationEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>relatedNode</strong>
+ </dt>
+ <dd>This read-only property is an object that implements the <strong>Node</strong> interface.</dd>
+ <dt>
+ <strong>prevValue</strong>
+ </dt>
+ <dd>This read-only property is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>newValue</strong>
+ </dt>
+ <dd>This read-only property is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>attrName</strong>
+ </dt>
+ <dd>This read-only property is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>attrChange</strong>
+ </dt>
+ <dd>This read-only property is a <strong>Number</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Functions of objects that implement the <strong>MutationEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>initMutationEvent(typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevValueArg, newValueArg, attrNameArg, attrChangeArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>relatedNodeArg</strong> parameter is an object that implements the <strong>Node</strong> interface.<strongr/>
+The <strong>prevValueArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>newValueArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>attrNameArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>attrChangeArg</strong> parameter is a <strong>Number</strong>.</dd>
+ <dt>
+ <strong>initMutationEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevValueArg, newValueArg, attrNameArg, attrChangeArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>relatedNodeArg</strong> parameter is an object that implements the <strong>Node</strong> interface.<strongr/>
+The <strong>prevValueArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>newValueArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>attrNameArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>attrChangeArg</strong> parameter is a <strong>Number</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ <dt>Objects that implement the <strong>MutationNameEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>Objects that implement the <strong>MutationNameEvent</strong> interface have all properties and functions of the <strong>MutationEvent</strong> interface as well as the properties and functions defined below.</dt>
+ <dt>Properties of objects that implement the <strong>MutationNameEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>prevNamespaceURI</strong>
+ </dt>
+ <dd>This read-only property is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>prevNodeName</strong>
+ </dt>
+ <dd>This read-only property is a <strong>String</strong>.</dd>
+ </dl>
+ </dd>
+ <dt>Functions of objects that implement the <strong>MutationNameEvent</strong> interface:</dt>
+ <dd>
+ <dl>
+ <dt>
+ <strong>initMutationNameEvent(typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevNamespaceURIArg, prevNodeNameArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>relatedNodeArg</strong> parameter is an object that implements the <strong>Node</strong> interface.<strongr/>
+The <strong>prevNamespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>prevNodeNameArg</strong> parameter is a <strong>String</strong>.</dd>
+ <dt>
+ <strong>initMutationNameEventNS(namespaceURIArg, typeArg, canBubbleArg, cancelableArg, relatedNodeArg, prevNamespaceURIArg, prevNodeNameArg)</strong>
+ </dt>
+ <dd>This function has no return value.<br/>
+The <strong>namespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>typeArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>canBubbleArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>cancelableArg</strong> parameter is a <strong>Boolean</strong>.<strongr/>
+The <strong>relatedNodeArg</strong> parameter is an object that implements the <strong>Node</strong> interface.<strongr/>
+The <strong>prevNamespaceURIArg</strong> parameter is a <strong>String</strong>.<strongr/>
+The <strong>prevNodeNameArg</strong> parameter is a <strong>String</strong>.</dd>
+ </dl>
+ </dd>
+ </dl>
+ </dd>
+ </dl>
+ </div>
+ <!-- ecma-block -->
+ </div>
+ <!-- div1 ecma-binding -->
+ <a id="acknowledgements" name="acknowledgements"> </a>
+ <div class="noprint" style="text-align: right">
+ <p style="font-family: monospace;font-size:small">January 2008</p>
+ </div>
+ <div class="div1">
+ <a name="acknowledgements-contributors" id="acknowledgements-contributors"> </a>
+ <h1 id="acknowledgements-contributors-h1" class="adiv1">Appendix G: Acknowledgements</h1>
+ <p class="first">Many people contributed to the DOM specifications (Level 1, 2 or 3), including participants of the DOM Working Group and the DOM Interest Group. We especially thank the following:</p>
+ <p>Andrew Watson (Object Management Group), Andy Heninger (IBM), Angel Diaz (IBM), Arnaud Le Hors (W3C and IBM), Ashok Malhotra (IBM and Microsoft), Ben Chang (Oracle), Bill Smith (Sun), Bill Shea (Merrill Lynch), Bob Sutor (IBM), Chris Lovett (Microsoft), Chris Wilson (Microsoft), David Brownell (Sun), David Ezell (Hewlett-Packard Company), David Singer (IBM), Dimitris Dimitriadis (Improve AB and invited expert), Don Park (invited), Elena Litani (IBM), Eric Vasilik (Microsoft), Gavin Nicol (INSO), Ian Jacobs (W3C), James Clark (invited), James Davidson (Sun), Jared Sorensen (Novell), Jeroen van Rotterdam (X-Hive Corporation), Joe Kesselman (IBM), Joe Lapp (webMethods), Joe Marini (Macromedia), Johnny Stenback (Netscape/AOL), Jon Ferraiolo (Adobe), Jonathan Marsh (Microsoft), Jonathan Robie (Texcel Research and Software AG), Kim Adamson-Sharpe (SoftQuad Software Inc.), Lauren Wood (SoftQuad Software Inc., <em>former Chair</em>), Laurence Cable (Sun), Mark Davis (IBM), Mark Scardina (Oracle), Martin Dürst (W3C), Mary Brady (NIST), Mick Goulish (Software AG), Mike Champion (Arbortext and Software AG), Miles Sabin (Cromwell Media), Patti Lutsky (Arbortext), Paul Grosso (Arbortext), Peter Sharpe (SoftQuad Software Inc.), Phil Karlton (Netscape), Philippe Le Hégaret (W3C, <em>W3C Team Contact and former Chair</em>), Ramesh Lekshmynarayanan (Merrill Lynch), Ray Whitmer (iMall, Excite@Home, and Netscape/AOL, <em>Chair</em>), Rezaur Rahman (Intel), Rich Rollman (Microsoft), Rick Gessner (Netscape), Rick Jelliffe (invited), Rob Relyea (Microsoft), Scott Isaacs (Microsoft), Sharon Adler (INSO), Steve Byrne (JavaSoft), Tim Bray (invited), Tim Yu (Oracle), Tom Pixley (Netscape/AOL), Vidur Apparao (Netscape), Vinod Anupam (Lucent).</p>
+ <p>After publication of this document as Working Group Note in November 2003, the participants of the WebAPI Working Group resumed development of this document:</p>
+ <p>Anne van Kesteren (Opera Software), Arun Ranganathan (AOL), Björn Höhrmann, Charles McCathieNevile (Opera Software, <em>Co-Chair</em>), Christophe Jolif (ILOG), Dean Jackson (W3C, <em>W3C Team Contact</em>), Doug Schepers (Vectoreal), Gorm Haug Eriksen (Opera Software), Ian Davis (Talis Information Limited), Ian Hickson (Google), John Robinson (AOL), Jonas Sicking (Mozilla Foundation), Luca Mascaro (HTML Writers Guild), Maciej Stachowiak (Apple Computer), Marc Hadley (Sun Microsystems), Michael Shenfield (Research In Motion), Robin Berjon, (Expway, <em>Co-Chair</em>) , Scott Hayman (Research In Motion), Stéphane Sire (IntuiLab), T.V. Raman (Google),</p>
+ <p>Thanks to all those who have helped to improve this specification by sending suggestions and corrections (Please, keep bugging us with your issues!).</p>
+ <p>Many thanks to Brad Pettit, Dylan Schiemann, David Flanagan, Steven Pemberton, Curt Arnold, Al Gilman, Misha Wolf, Sigurd Lerstad, Michael B. Allen, Alexander J. Vincent, Martin Dürst, Ken Rehor, and, Cameron McCormack, for their review and comments of this document.</p>
+ <p>Special thanks to the <a class="normative" href="http://www.w3.org/DOM/Test">DOM Conformance Test Suites</a> contributors: Fred Drake, Mary Brady (NIST), Rick Rivello (NIST), Robert Clary (Netscape), Neil Delima (IBM), with a special mention to Curt Arnold.</p>
+ <div class="div2">
+ <a name="acknowledgements-Productions" id="acknowledgements-Productions"> </a>
+ <h2 id="acknowledgements-Productions-h2" class="adiv2">G.1 Production Systems</h2>
+ <p>This specification was written in XML. The HTML, OMG IDL, Java and ECMAScript bindings were all produced automatically.</p>
+ <p>Thanks to Joe English, author of <a class="normative" href="http://www.flightlab.com/cost">cost</a>, which was used as the basis for producing DOM Level 1. Thanks also to Gavin Nicol, who wrote the scripts which run on top of cost. Arnaud Le Hors and Philippe Le Hégaret maintained the scripts.</p>
+ <p>After DOM Level 1, we used <a class="normative" href="http://xml.apache.org/xerces-j">Xerces</a> as the basis DOM implementation and wish to thank the authors. Philippe Le Hégaret and Arnaud Le Hors wrote the <a class="normative" href="http://dev.w3.org/cvsweb/java/classes/org/w3c/tools/specgenerator/">Java programs</a> which are the DOM application.</p>
+ <p>Thanks also to Jan Kärrman, author of <a class="normative" href="http://user.it.uu.se/~jan/html2ps.html">html2ps</a>, which we use in creating the PostScript version of the specification.</p>
+ </div>
+ <!-- div2 Productions -->
+ </div>
+
+
+ <a id="references" name="references"> </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="references-References" id="references-References"> </a>
+ <h1 id="references-role-references" class="references">References</h1>
+ <p class="first">For the latest version of any W3C specification please consult the list of <a class="normative" href="http://www.w3.org/TR">W3C Technical Reports</a> available at http://www.w3.org/TR.</p>
+ <div class="div2">
+ <a name="references-References-Normative" id="references-References-Normative"> </a>
+ <h2 id="references-References-Normative-h2" class="adiv2">I.1 Normative References</h2>
+ <dl>
+ <dt>
+ <strong>[<a name="references-DOM2Core" id="references-DOM2Core">DOM Level 2 Core</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113">Document Object Model Level 2 Core Specification</a>
+ </cite>, A. Le Hors, et al., Editors. World Wide Web Consortium, November 2000. This version of the DOM Level 2 Core Recommendation is http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113. The <a class="normative" href="http://www.w3.org/TR/DOM-Level-2-Core">latest version of DOM Level 2 Core</a> is available at http://www.w3.org/TR/DOM-Level-2-Core.</dd>
+ <dt>
+ <strong>[<a name="references-DOMCore" id="references-DOMCore">DOM Level 3 Core</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407">Document Object Model Level 3 Core Specification</a>
+ </cite>, A. Le Hors, et al., Editors. World Wide Web Consortium, April 2004. This version of the Document Object Model Level 3 Core Specification is http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407. The <a class="normative" href="http://www.w3.org/TR/DOM-Level-3-Core">latest version of DOM Level 3 Core</a> is available at http://www.w3.org/TR/DOM-Level-3-Core.</dd>
+ <dt>
+ <strong>[<a name="references-DOM2Events" id="references-DOM2Events">DOM Level 2 Events</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113">Document Object Model Level 2 Events Specification</a>
+ </cite>, T. Pixley, Editor. World Wide Web Consortium, November 2000. This version of the Document Object Model Level 2 Events Specification is http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113. The <a class="normative" href="http://www.w3.org/TR/DOM-Level-2-Events">latest version of Document Object Model Level 2 Events</a> is available at http://www.w3.org/TR/DOM-Level-2-Events.</dd>
+ <dt>
+ <strong>[<a name="references-ECMAScript" id="references-ECMAScript">ECMAScript</a>]</strong>
+ </dt>
+ <dd><cite>ECMAScript Language Specification</cite>, Third Edition. European Computer Manufacturers Association, Standard ECMA-262, December 1999. This version of the ECMAScript Language is available from http://www.ecma-international.org/.</dd>
+ <dt>
+ <strong>[<a name="references-Java" id="references-Java">Java</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://java.sun.com/docs/books/jls">The Java Language Specification</a>
+ </cite>, J. Gosling, B. Joy, and G. Steele, Authors. Addison-Wesley, September 1996. Available at http://java.sun.com/docs/books/jls</dd>
+ <dt>
+ <strong>[<a name="references-OMGIDL" id="references-OMGIDL">OMG IDL</a>]</strong>
+ </dt>
+ <dd><cite>"OMG IDL Syntax and Semantics"</cite> defined in <cite>
+ <a href="http://www.omg.org/technology/documents/formal/corba_2.htm">The Common Object Request Broker: Architecture and Specification, version 2</a>
+ </cite>, Object Management Group. The latest version of CORBA version 2.0 is available at http://www.omg.org/technology/documents/formal/corba_2.htm.</dd>
+ <dt>
+ <strong>[<a name="references-Unicode" id="references-Unicode">Unicode</a>]</strong>
+ </dt>
+ <dd><cite>The Unicode Standard, Version 5.0</cite>, ISBN 0-321-48091-0, as updated from time to time by the publication of new versions. See also <a class="normative" href="http://www.unicode.org/unicode/standard/versions">Versions of the Unicode Standard</a>, available at http://www.unicode.org/unicode/standard/versions, for latest version and additional information on versions of the standard and of the Unicode Character Database.</dd>
+ <dt>
+ <strong>[<a name="references-UnicodeNormalization" id="references-UnicodeNormalization">UAX #15</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://www.unicode.org/reports/tr15/">Unicode Normalization Forms</a>
+ </cite>, The Unicode Standard Annex #15. The Unicode Consortium, 2006. The latest version of this annex is available at http://www.unicode.org/reports/tr15/.</dd>
+ <dt>
+ <strong>[<a name="references-Namespaces11" id="references-Namespaces11">XML Namespaces 1.1</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://www.w3.org/TR/2006/REC-xml-names11-20060816">Namespaces in XML 1.1</a>
+ </cite>, T. Bray, D. Hollander, A. Layman, and R. Tobin, Editors. World Wide Web Consortium, August 2006. This version of the Namespaces in XML 1.1 Specification is http://www.w3.org/TR/2006/REC-xml-names11-20060816. The <a class="normative" href="http://www.w3.org/TR/xml-names11/">latest version of Namespaces in XML 1.1</a> is available at http://www.w3.org/TR/xml-names11/.</dd>
+ </dl>
+ </div>
+ <!-- div2 References-Normative -->
+ <div class="div2">
+ <a name="references-References-Informative" id="references-References-Informative"> </a>
+ <h2 id="references-References-Informative-h2" class="adiv2">I.2 Informative References</h2>
+ <dl>
+ <dt>
+ <strong>[<a name="references-DOMLS" id="references-DOMLS">DOM Level 3 Load and Save</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-LS-20040407">Document Object Model Level 3 Load and Save Specification</a>
+ </cite>, J. Stenback, A. Heninger, Editors. World Wide Web Consortium, April 2004. This version of the DOM Level 3 Load and Save Specification is http://www.w3.org/TR/2004/REC-DOM-Level-3-LS-20040407. The <a class="normative" href="http://www.w3.org/TR/DOM-Level-3-LS">latest version of DOM Level 3 Load and Save</a> is available at http://www.w3.org/TR/DOM-Level-3-LS.</dd>
+ <dt>
+ <strong>[<a name="references-DWW95" id="references-DWW95">DWW95</a>]</strong>
+ </dt>
+ <dd><cite>Developing International Software for Windows 95 and Windows NT: A Handbook for International Software Design</cite>, N. Kano, Author. Microsoft Press, 1995. ISBN 1-55615-840-8.</dd>
+ <dt>
+ <strong>[<a name="references-HTML40" id="references-HTML40">HTML 4.01</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://www.w3.org/TR/1999/REC-html401-19991224/">HTML 4.01 Specification</a>
+ </cite>, D. Raggett, A. Le Hors, and I. Jacobs, Editors. World Wide Web Consortium, December 1999. This version of the HTML 4.01 Recommendation is http://www.w3.org/TR/1999/REC-html401-19991224. The <a class="normative" href="http://www.w3.org/TR/html4">latest version of HTML 4</a> is available at http://www.w3.org/TR/html4.</dd>
+ <dt>
+ <strong>[<a name="references-KeyEvent" id="references-KeyEvent">KeyEvent for Java</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://java.sun.com/j2se/1.4.2/docs/api/java/awt/event/KeyEvent.html">Java 2 SDK, Standard Edition Documentation, Version 1.4.2, Class java.awt.events.KeyEvent</a>
+ </cite>. Sun Microsystems. Available at http://java.sun.com/j2se/1.4.2/docs/api/java/awt/event/KeyEvent.html.</dd>
+ <dt>
+ <strong>[<a name="references-Keys" id="references-Keys">Keys enumeration for .Net</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://msdn.microsoft.com/library/default.asp?url=/library/en-us/cpref/html/frlrfSystemWindowsFormsKeysClassTopic.asp">.NET Framework Class Library, Keys Enumeration</a>
+ </cite>. Microsoft. Available at http://msdn.microsoft.com/library/default.asp?url=/library/en-us/cpref/html/frlrfSystemWindowsFormsKeysClassTopic.asp.</dd>
+ <dt>
+ <strong>[<a name="references-XHTML10" id="references-XHTML10">XHTML 1.0</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://www.w3.org/TR/2002/REC-xhtml1-20020801">XHTML 1.0: The Extensible HyperText Markup Language (Second Edition)</a>
+ </cite>, S. Pemberton, et al., Authors. World Wide Web Consortium, August 2002. This version of the XHTML 1.0 Recommendation is http://www.w3.org/TR/2002/REC-xhtml1-20020801. The <a class="normative" href="http://www.w3.org/TR/xhtml1">latest version of XHTML 1.0</a> is available at http://www.w3.org/TR/xhtml1.</dd>
+ <dt>
+ <strong>[<a name="references-XML" id="references-XML">XML 1.0</a>]</strong>
+ </dt>
+ <dd><cite>
+ <a href="http://www.w3.org/TR/2006/REC-xml-20060816">Extensible Markup Language (XML) 1.0</a>
+ </cite>, T. Bray, J. Paoli, C. M. Sperberg-McQueen, et. al, Editors. World Wide Web Consortium, August 2006. This version of the XML 1.0 Recommendation is http://www.w3.org/TR/2006/REC-xml-20060816. The <a class="normative" href="http://www.w3.org/TR/xml">latest version of XML 1.0</a> is available at http://www.w3.org/TR/xml.</dd>
+ </dl>
+ </div>
+ <!-- div2 References-Informative -->
+ </div>
+ <!-- div1 References -->
+ <a id="def-index" name="def-index"> </a>
+ <div class="noprint" style="text-align: right">
+ <p style="font-family: monospace;font-size:small">January 2008</p>
+ </div>
+ <div class="div1">
+ <a name="def-index-Index" id="def-index-Index"> </a>
+ <h1 id="def-index-role-index" class="index">Index</h1>
+ <table summary="the table contains all keywords used in this document">
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">abort</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-abort">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-EventTarget-addEventListener">addEventListener</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-EventTargetGroup-addEventListenerNS">addEventListenerNS</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-ADDITION">ADDITION</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-KeyboardEvent-altKey">altKey</a>
+ <a class="index-inst" href="#events-Events-KeyboardEvent-altKey">1</a>, <a class="index-inst" href="#events-Events-MouseEvent-altKey">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-AT_TARGET">AT_TARGET</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MutationEvent-attrChange">attrChange</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MutationEvent-attrName">attrName</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">blur</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-eventgroupings-uievents">2</a>, <a class="index-inst" href="#events-event-blur">3</a>, <a class="index-inst" href="#events-Events-eventgroupings-basicevents">4</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-canBubble">bubbles</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-BUBBLING_PHASE">bubbling phase</a>
+ <a class="index-inst" href="#events-BUBBLING_PHASE">1</a>, <a class="index-inst" href="#events-Events-EventTarget-addEventListener">2</a>, <a class="index-inst" href="#glossary-dt-bubbling-phase">3</a></td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-BUBBLING_PHASE">BUBBLING_PHASE</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MouseEvent-button">button</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-canCancel">cancelable</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-dt-cancelable-event">cancelable event</a>
+ <a class="index-inst" href="#events-dt-cancelable-event">1</a>, <a class="index-inst" href="#events-Events-EventTypes-complete">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-DocumentEvent-canDispatch">canDispatch</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-CAPTURING_PHASE">capture phase</a>
+ <a class="index-inst" href="#events-CAPTURING_PHASE">1</a>, <a class="index-inst" href="#events-AT_TARGET">2</a>, <a class="index-inst" href="#events-Events-EventTarget-addEventListener">3</a>, <a class="index-inst" href="#glossary-dt-capture-phase">4</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-CAPTURING_PHASE">CAPTURING_PHASE</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">change</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-change">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-flow-activation">click</a>
+ <a class="index-inst" href="#events-Events-flow-activation">1</a>, <a class="index-inst" href="#events-Events-EventTypes-complete">2</a>, <a class="index-inst" href="#events-event-click">3</a>, <a class="index-inst" href="#events-Events-eventgroupings-mouseevents">4</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MouseEvent-clientX">clientX</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MouseEvent-clientY">clientY</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-DocumentEvent-createEvent">createEvent</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-KeyboardEvent-ctrlKey">ctrlKey</a>
+ <a class="index-inst" href="#events-Events-KeyboardEvent-ctrlKey">1</a>, <a class="index-inst" href="#events-Events-MouseEvent-ctrlKey">2</a></td>
+ <td width="30%"><a class="noxref" href="#events-dt-current-click-count">current click count</a>
+ <a class="index-inst" href="#events-dt-current-click-count">1</a>, <a class="index-inst" href="#events-Events-eventgroupings-mouseevents">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-currentTarget">currentTarget</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-CustomEvent">CustomEvent</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-UIEvent-data">data</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-event-dblclick">dblclick</a>
+ <a class="index-inst" href="#events-event-dblclick">1</a>, <a class="index-inst" href="#events-Events-eventgroupings-mouseevents">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-defaultPrevented">defaultPrevented</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-CustomEvent-detail">detail</a>
+ <a class="index-inst" href="#events-Events-CustomEvent-detail">1</a>, <a class="index-inst" href="#events-Events-UIEvent-detail">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-DISPATCH_REQUEST_ERR">DISPATCH_REQUEST_ERR</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-EventTarget-dispatchEvent">dispatchEvent</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-DocumentEvent">DocumentEvent</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-overview">DOM Level 0</a>
+ <a class="index-inst" href="#events-Events-overview">1</a>, <a class="index-inst" href="#events-Events-MouseEvent">2</a>, <a class="index-inst" href="#glossary-dt-DOM-Level-0">3</a></td>
+ <td width="30%"><a class="noxref" href="#events-Conformance">DOM Level 2 Core</a>
+ <a class="index-inst" href="#events-Conformance">1</a>, <a class="index-inst" href="#references-DOM2Core">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Conformance">DOM Level 2 Events</a>
+ <a class="index-inst" href="#events-Conformance">1</a>, <a class="index-inst" href="#references-DOM2Events">2</a></td>
+ <td width="30%"><a class="noxref" href="#events-Conformance">DOM Level 3 Core</a>
+ <a class="index-inst" href="#events-Conformance">1</a>, <a class="index-inst" href="#events-Event-types">2</a>, <a class="index-inst" href="#references-DOMCore">3</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-flow">DOM Level 3 Load and Save</a>
+ <a class="index-inst" href="#events-Events-flow">1</a>, <a class="index-inst" href="#references-DOMLS">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-DOM_KEY_LOCATION_LEFT">DOM_KEY_LOCATION_LEFT</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-DOM_KEY_LOCATION_NUMPAD">DOM_KEY_LOCATION_NUMPAD</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-DOM_KEY_LOCATION_RIGHT">DOM_KEY_LOCATION_RIGHT</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-DOM_KEY_LOCATION_STANDARD">DOM_KEY_LOCATION_STANDARD</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-flow-activation">DOMActivate</a>
+ <a class="index-inst" href="#events-Events-flow-activation">1</a>, <a class="index-inst" href="#events-Events-EventTypes-complete">2</a>, <a class="index-inst" href="#events-Events-DocumentEvent-createEvent">3</a>, <a class="index-inst" href="#events-event-DOMActivate">4</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMAttributeNameChanged</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-DOMAttributeNameChanged">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMAttrModified</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-MutationEvent-relatedNode">2</a>, <a class="index-inst" href="#events-Events-MutationEvent-prevValue">3</a>, <a class="index-inst" href="#events-Events-MutationEvent-newValue">4</a>, <a class="index-inst" href="#events-Events-MutationEvent-attrName">5</a>, <a class="index-inst" href="#events-Events-MutationEvent-attrChange">6</a>, <a class="index-inst" href="#events-event-DOMAttrModified">7</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMCharacterDataModified</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-MutationEvent-prevValue">2</a>, <a class="index-inst" href="#events-Events-MutationEvent-newValue">3</a>, <a class="index-inst" href="#events-event-DOMCharacterDataModified">4</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMElementNameChanged</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-DOMElementNameChanged">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMFocusIn</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-DOMFocusIn">2</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMFocusOut</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-DOMFocusOut">2</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMNodeInserted</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-DOMNodeInserted">2</a>, <a class="index-inst" href="#events-Events-eventgroupings-mutationevents">3</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMNodeInsertedIntoDocument</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-DOMNodeInsertedIntoDocument">2</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMNodeRemoved</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-DOMNodeRemoved">2</a>, <a class="index-inst" href="#events-Events-eventgroupings-mutationevents">3</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMNodeRemovedFromDocument</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-DOMNodeRemovedFromDocument">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">DOMSubtreeModified</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-DOMSubtreeModified">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#references-DWW95">DWW95</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#references-ECMAScript">ECMAScript</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">error</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-error">2</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-Event">Event</a>
+ <a class="index-inst" href="#events-Events-Event">1</a>, <a class="index-inst" href="#events-Events-overview">2</a>, <a class="index-inst" href="#events-Events-EventListener-handleEvent">3</a>, <a class="index-inst" href="#glossary-dt-event">4</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-AT_TARGET">event target</a>
+ <a class="index-inst" href="#events-AT_TARGET">1</a>, <a class="index-inst" href="#events-Events-Event-target">2</a>, <a class="index-inst" href="#events-Events-EventTarget">3</a>, <a class="index-inst" href="#events-Events-EventTarget-dispatchEvent">4</a>, <a class="index-inst" href="#events-Events-eventgroupings-uievents">5</a>, <a class="index-inst" href="#events-Events-eventgroupings-mouseevents">6</a>, <a class="index-inst" href="#events-Events-eventgroupings-wheelevents">7</a>, <a class="index-inst" href="#events-Events-eventgroupings-mousewheelevents">8</a>, <a class="index-inst" href="#glossary-dt-event-target">9</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-EventException">EventException</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-EventListener">EventListener</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-eventPhase">eventPhase</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-EventTarget">EventTarget</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">focus</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-eventgroupings-uievents">2</a>, <a class="index-inst" href="#events-event-focus">3</a></td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-KeyboardEvent-getModifierState">getModifierState</a>
+ <a class="index-inst" href="#events-Events-KeyboardEvent-getModifierState">1</a>, <a class="index-inst" href="#events-Events-MouseEvent-getModifierState">2</a></td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-EventListener-handleEvent">handleEvent</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-flow-cancelation">HTML 4.01</a>
+ <a class="index-inst" href="#events-Events-flow-cancelation">1</a>, <a class="index-inst" href="#events-Events-EventTypes-complete">2</a>, <a class="index-inst" href="#events-Events-TextEvents-Interfaces">3</a>, <a class="index-inst" href="#events-Events-eventgroupings-mouseevents">4</a>, <a class="index-inst" href="#events-Events-eventgroupings-basicevents">5</a>, <a class="index-inst" href="#references-HTML40">6</a></td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initCustomEventNS">initCustomEventNS</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initEvent">initEvent</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initEventNS">initEventNS</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-KeyboardEvent-initKeyboardEvent">initKeyboardEvent</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-KeyboardEvent-initKeyboardEventNS">initKeyboardEventNS</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initMouseEvent">initMouseEvent</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initMouseEventNS">initMouseEventNS</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initWheelEventNS">initWheelEventNS</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initMouseWheelEventNS">initMouseWheelEventNS</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initMutationEvent">initMutationEvent</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initMutationEventNS">initMutationEventNS</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initMutationNameEvent">initMutationNameEvent</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initMutationNameEventNS">initMutationNameEventNS</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initTextEvent">initTextEvent</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initTextEventNS">initTextEventNS</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initUIEvent">initUIEvent</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-initUIEventNS">initUIEventNS</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-TextEvents-Interfaces">Input Method Editor</a>
+ <a class="index-inst" href="#events-Events-TextEvents-Interfaces">1</a>, <a class="index-inst" href="#events-Events-KeyboardEvents-Interfaces">2</a></td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#references-Java">Java</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-KeyboardEvent">KeyboardEvent</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">keydown</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-keydown">2</a>, <a class="index-inst" href="#events-Events-KeyboardEvents-Interfaces">3</a></td>
+ <td width="30%">
+ <a class="noxref" href="#references-KeyEvent">KeyEvent for Java</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-KeyboardEvent-keyIdentifier">keyIdentifier</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-KeyboardEvent-keylocation">keyLocation</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#references-Keys">Keys enumeration for .Net</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">keyup</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-KeyboardEvents-Interfaces">2</a>, <a class="index-inst" href="#events-event-keyup">3</a></td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">load</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-load">2</a></td>
+ <td width="30%"><a class="noxref" href="#events-Event-types">local name</a>
+ <a class="index-inst" href="#events-Event-types">1</a>, <a class="index-inst" href="#events-Events-Event-type">2</a>, <a class="index-inst" href="#events-Events-Event-initEvent">3</a>, <a class="index-inst" href="#glossary-dt-localname">4</a></td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-KeyboardEvent-metaKey">metaKey</a>
+ <a class="index-inst" href="#events-Events-KeyboardEvent-metaKey">1</a>, <a class="index-inst" href="#events-Events-MouseEvent-metaKey">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-MODIFICATION">MODIFICATION</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">mousedown</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-eventgroupings-mouseevents">2</a>, <a class="index-inst" href="#events-event-mousedown">3</a></td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MouseEvent">MouseEvent</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">mousemove</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-eventgroupings-mouseevents">2</a>, <a class="index-inst" href="#events-event-mousemove">3</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">wheel</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-wheel">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-WheelEvent">WheelEvent</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">mouseout</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-eventgroupings-mouseevents">2</a>, <a class="index-inst" href="#events-event-mouseout">3</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">mouseover</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-eventgroupings-mouseevents">2</a>, <a class="index-inst" href="#events-event-mouseover">3</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">mouseup</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-eventgroupings-mouseevents">2</a>, <a class="index-inst" href="#events-event-mouseup">3</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">mousewheel</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-mousewheel">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MouseWheelEvent">MouseWheelEvent</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MutationEvent">MutationEvent</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MutationNameEvent">MutationNameEvent</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Conformance">namespace URI</a>
+ <a class="index-inst" href="#events-Conformance">1</a>, <a class="index-inst" href="#events-Event-types">2</a>, <a class="index-inst" href="#events-Events-Event-namespaceURI">3</a>, <a class="index-inst" href="#events-Events-Event-initEventNS">4</a>, <a class="index-inst" href="#glossary-dt-namespaceURI">5</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-namespaceURI">namespaceURI</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MutationEvent-newValue">newValue</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#references-OMGIDL">OMG IDL</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-preventDefault">preventDefault</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MutationNameEvent-prevNamespaceURI">prevNamespaceURI</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MutationNameEvent-prevNodeName">prevNodeName</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MutationEvent-prevValue">prevValue</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MutationEvent-relatedNode">relatedNode</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MouseEvent-relatedTarget">relatedTarget</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-REMOVAL">REMOVAL</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-EventTarget-removeEventListener">removeEventListener</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-EventTargetGroup-removeEventListenerNS">removeEventListenerNS</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">reset</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-reset">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">resize</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-resize">2</a></td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MouseEvent-screenX">screenX</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MouseEvent-screenY">screenY</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">scroll</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-scroll">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">select</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-select">2</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-KeyboardEvent-shiftKey">shiftKey</a>
+ <a class="index-inst" href="#events-Events-KeyboardEvent-shiftKey">1</a>, <a class="index-inst" href="#events-Events-MouseEvent-shiftKey">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-stopImmediatePropagation">stopImmediatePropagation</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-stopPropagation">stopPropagation</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-flow-cancelation">submit</a>
+ <a class="index-inst" href="#events-Events-flow-cancelation">1</a>, <a class="index-inst" href="#events-Events-EventTypes-complete">2</a>, <a class="index-inst" href="#events-event-submit">3</a></td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-target">target</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-Event-target">target node</a>
+ <a class="index-inst" href="#events-Events-Event-target">1</a>, <a class="index-inst" href="#events-Events-Event-currentTarget">2</a>, <a class="index-inst" href="#events-Events-EventTarget">3</a>, <a class="index-inst" href="#events-Events-eventgroupings-mutationevents">4</a>, <a class="index-inst" href="#events-Events-eventgroupings-mutationnameevents">5</a>, <a class="index-inst" href="#glossary-dt-target-node">6</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTarget-addEventListener">target phase</a>
+ <a class="index-inst" href="#events-Events-EventTarget-addEventListener">1</a>, <a class="index-inst" href="#glossary-dt-target-phase">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-TextEvent">TextEvent</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">textInput</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-Events-TextEvents-Interfaces">2</a>, <a class="index-inst" href="#events-event-textInput">3</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-timeStamp">timeStamp</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-Event-type">type</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-UIEvent-data">UAX #15</a>
+ <a class="index-inst" href="#events-Events-UIEvent-data">1</a>, <a class="index-inst" href="#references-UnicodeNormalization">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-UIEvent">UIEvent</a>
+ </td>
+ <td width="30%"><a class="noxref" href="#events-Events-UIEvent-data">Unicode</a>
+ <a class="index-inst" href="#events-Events-UIEvent-data">1</a>, <a class="index-inst" href="#references-Unicode">2</a></td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">unload</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#events-event-unload">2</a></td>
+ <td width="30%">
+ <a class="noxref" href="#events-UNSPECIFIED_EVENT_TYPE_ERR">UNSPECIFIED_EVENT_TYPE_ERR</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-UIEvent-view">view</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-MouseWheelEvent-wheelDelta">wheelDelta</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-WheelEvent-deltaX">deltaX</a>
+ </td>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-WheelEvent-deltaY">deltaY</a>
+ </td>
+ </tr>
+ <tr>
+ <td width="30%">
+ <a class="noxref" href="#events-Events-WheelEvent-deltaZ">deltaZ</a>
+ </td>
+ </tr>
+ <tr>
+ <td> </td>
+ </tr>
+ <tr>
+ <td width="30%"><a class="noxref" href="#events-Events-eventgroupings-basicevents">XHTML 1.0</a>
+ <a class="index-inst" href="#events-Events-eventgroupings-basicevents">1</a>, <a class="index-inst" href="#references-XHTML10">2</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-EventTypes-complete">XML 1.0</a>
+ <a class="index-inst" href="#events-Events-EventTypes-complete">1</a>, <a class="index-inst" href="#references-XML">2</a></td>
+ <td width="30%"><a class="noxref" href="#events-Events-Event-type">XML Namespaces 1.1</a>
+ <a class="index-inst" href="#events-Events-Event-type">1</a>, <a class="index-inst" href="#events-Events-EventTarget-dispatchEvent">2</a>, <a class="index-inst" href="#glossary-dt-localname">3</a>, <a class="index-inst" href="#glossary-dt-namespaceURI">4</a>, <a class="index-inst" href="#references-Namespaces11">5</a></td>
+ </tr>
+ </table>
+ </div>
+ <!-- div1 Index -->
+ </body>
</html>