Update event target and context info for beforeinput and input events.
authorGary Kacmarcik <garykac@google.com>
Mon, 26 Aug 2013 06:47:25 -0700
changeset 474 a04119177af7
parent 473 b5564e288cee
child 475 5ded6017f81e
Update event target and context info for beforeinput and input events.

Add these events to the list of events at the start of the section.
html/DOM3-Events.html
--- a/html/DOM3-Events.html	Mon Aug 26 06:16:57 2013 -0700
+++ b/html/DOM3-Events.html	Mon Aug 26 06:47:25 2013 -0700
@@ -1548,6 +1548,15 @@
 						<td>none</td>
 					</tr>
 					<tr>
+						<td><a class="eventtype" href="#event-type-beforeinput"><code>beforeinput</code></a></td>
+						<td>Sync</td>
+						<td>Yes</td>
+						<td><code>HTMLInputElement</code>, <code>HTMLTextAreaElement</code>, <code>Element</code></td>
+						<td><a href="#interface-InputEvent"><code>InputEvent</code></a></td>
+						<td>Yes</td>
+						<td>none</td>
+					</tr>
+					<tr>
 						<td><a class="eventtype" href="#event-type-blur"><code>blur</code></a></td>
 						<td>Sync</td>
 						<td>No</td>
@@ -1638,6 +1647,15 @@
 						<td>none</td>
 					</tr>
 					<tr>
+						<td><a class="eventtype" href="#event-type-input"><code>input</code></a></td>
+						<td>Sync</td>
+						<td>Yes</td>
+						<td><code>HTMLInputElement</code>, <code>HTMLTextAreaElement</code>, <code>Element</code></td>
+						<td><a href="#interface-InputEvent"><code>InputEvent</code></a></td>
+						<td>No</td>
+						<td>none</td>
+					</tr>
+					<tr>
 						<td><a class="eventtype" href="#event-type-keydown"><code>keydown</code></a></td>
 						<td>Sync</td>
 						<td>Yes</td>
@@ -4199,8 +4217,35 @@
 					</dl>
 				</section>
 
+				<section id="events-inputevent-event-order">
+					<h4Input Event Order</h4>
+
+					<p>The input events defined in this specification MUST occur in a set order relative to one another.
+						</p>
+
+					<table class="event-sequence-table">
+						<tr>
+							<td class="cell-number">1.</td>
+							<td><a class="eventtype" href="#event-type-beforeinput"><code>beforeinput</code></a></td>
+							<td></td>
+						</tr>
+						<tr>
+							<td class="cell-number"></td>
+							<td colspan="2"><em>DOM element is updated</em></td>
+						</tr>
+						<tr>
+							<td class="cell-number">2.</td>
+							<td><a class="eventtype" href="#event-type-input"><code>input</code></a></td>
+							<td></td>
+						</tr>
+					</table>
+
+				</section>
+				
 				<p>The Input event types are listed below.</p>
 
+				<p class="issue">"Target" and "Default Action" need to be reviewed in the tables below. Should <code>Document</code> be a Target?</p>
+				
 				<!-- beforeinput -->
 				<div class="event-definition">
 					<dl>
@@ -4225,7 +4270,8 @@
 								</tr>
 								<tr>
 									<th>Target</th>
-									<td></td>
+									<td><code>HTMLInputElement</code>, <code>HTMLTextAreaElement</code> or any <code>Element</code> with <code>contentEditable<=true</code>
+										or with <code>inputmode</code> set.</td>
 								</tr>
 								<tr>
 									<th>Cancelable</th>
@@ -4233,11 +4279,19 @@
 								</tr>
 								<tr>
 									<th>Default action</th>
-									<td></td>
+									<td>none</td>
 								</tr>
 								<tr>
 									<th>Context info</th>
-									<td></td>
+									<td>
+										<ul>
+											<li><a href="#widl-Event-target"><code class="attribute-name">Event.target</code></a>:
+												<a class="def" href="#glossary-event-target">event target</a> that is about to be updated</li>
+											<li><a href="#widl-InputEvent-data"><code class="attribute-name">InputEvent.data</code></a>:
+												the string containing the data that will be added to the element,
+												which MAY be the <a class="def" href="#glossary-empty-string">empty string</a> if the content has been deleted</li>
+										</ul>
+									</td>
 								</tr>
 							</table>
 
@@ -4270,19 +4324,28 @@
 								</tr>
 								<tr>
 									<th>Target</th>
-									<td></td>
+									<td><code>HTMLInputElement</code>, <code>HTMLTextAreaElement</code> or any <code>Element</code> with <code>contentEditable<=true</code>
+										or with <code>inputmode</code> set.</td>
 								</tr>
 								<tr>
 									<th>Cancelable</th>
-									<td>Yes</td>
+									<td>No</td>
 								</tr>
 								<tr>
 									<th>Default action</th>
-									<td></td>
+									<td>none</td>
 								</tr>
 								<tr>
 									<th>Context info</th>
-									<td></td>
+									<td>
+										<ul>
+											<li><a href="#widl-Event-target"><code class="attribute-name">Event.target</code></a>:
+												<a class="def" href="#glossary-event-target">event target</a> that was just updated</li>
+											<li><a href="#widl-InputEvent-data"><code class="attribute-name">InputEvent.data</code></a>:
+												the string containing the data that was added to the element,
+												which MAY be the <a class="def" href="#glossary-empty-string">empty string</a> if the content has been deleted</li>
+										</ul>
+									</td>
 								</tr>
 							</table>