[html5] r3473 - [giow] (2) Make 'input' and 'change' events bubble.
whatwg at whatwg.org
whatwg at whatwg.org
Mon Jul 27 16:11:09 PDT 2009
Author: ianh
Date: 2009-07-27 16:11:07 -0700 (Mon, 27 Jul 2009)
New Revision: 3473
Modified:
index
source
Log:
[giow] (2) Make 'input' and 'change' events bubble.
Modified: index
===================================================================
--- index 2009-07-27 22:33:44 UTC (rev 3472)
+++ index 2009-07-27 23:11:07 UTC (rev 3473)
@@ -32249,7 +32249,7 @@
the element's <code title=dom-input-indeterminate><a href=#dom-input-indeterminate>indeterminate</a></code> DOM attribute
back to the values they had before the <a href=#pre-click-activation-steps>pre-click activation
steps</a> were run. The <a href=#activation-behavior>activation behavior</a> is to
- <a href=#fire-a-simple-event>fire a simple event</a> called <code title=event-change>change</code> at the element<!-- It's not
+ <a href=#fire-a-simple-event>fire a simple event</a> that bubbles called <code title=event-change>change</code> at the element<!-- It's not
cancelable. Once this fires, the control is checked, end of
story. -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
element's <a href=#form-owner>form owner</a>.</p>
@@ -32384,9 +32384,9 @@
true. The <a href=#canceled-activation-steps>canceled activation steps</a> consist of setting
the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> to
false. The <a href=#activation-behavior>activation behavior</a> is to <a href=#fire-a-simple-event>fire a
- simple event</a> called <code title=event-change>change</code>
- at the element<!-- It's not cancelable. Once this fires, the control
- is checked, end of story. -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
+ simple event</a> that bubbles called <code title=event-change>change</code> at the element<!-- It's not
+ cancelable. Once this fires, the control is checked, end of
+ story. -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
element's <a href=#form-owner>form owner</a>.</p>
<p><strong>Constraint validation</strong>: If the element is <i title=concept-input-required><a href=#concept-input-required>required</a></i> and all of the
@@ -33746,9 +33746,9 @@
<p>When the <dfn id=event-input-input title=event-input-input><code>input</code></dfn>
event applies, any time the user causes the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to change, the user agent must
- <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple event</a> called
- <code title=event-input>input</code> at the <code><a href=#the-input-element>input</a></code>
- element, then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
+ <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple event</a> that
+ bubbles called <code title=event-input>input</code> at the
+ <code><a href=#the-input-element>input</a></code> element, then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
<code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>. User agents
may wait for a suitable break in the user's interaction before
queuing the task; for example, a user agent could wait for the user
@@ -33769,8 +33769,8 @@
action, then any time the user commits a change to the element's
<a href=#concept-fe-value title=concept-fe-value>value</a> or list of <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected files</a>, the
user agent must <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
- event</a> called <code title=event-change>change</code> at the
- <code><a href=#the-input-element>input</a></code> element, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
+ event</a> that bubbles called <code title=event-change>change</code> at the <code><a href=#the-input-element>input</a></code>
+ element, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
<code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>.</p>
<p class=example>An example of a user interface with a commit
@@ -33793,8 +33793,8 @@
<ol><li>If the <code title=event-input-input><a href=#event-input-input>input</a></code> event
applies, <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
- event</a> called <code title=event-input>input</code> at the
- <code><a href=#the-input-element>input</a></code> element.</li>
+ event</a> that bubbles called <code title=event-input>input</code> at the <code><a href=#the-input-element>input</a></code>
+ element.</li>
<li>If the <code title=event-input-input><a href=#event-input-input>input</a></code> event
applies, <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
@@ -33802,8 +33802,8 @@
<li>If the <code title=event-input-change><a href=#event-input-change>change</a></code> event
applies, <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
- event</a> called <code title=event-change>change</code> at the
- <code><a href=#the-input-element>input</a></code> element.</li>
+ event</a> that bubbles called <code title=event-change>change</code> at the <code><a href=#the-input-element>input</a></code>
+ element.</li>
<li>If the <code title=event-input-change><a href=#event-input-change>change</a></code> event
applies, <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
@@ -34074,7 +34074,8 @@
<span title=event-click>click</span> event), the user agent must
set the <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of the
picked <code><a href=#the-option-element>option</a></code> element to true and then <a href=#queue-a-task>queue a
- task</a> to <a href=#fire-a-simple-event>fire a simple event</a> called <code title=event-change>change</code> at the <code><a href=#the-select-element>select</a></code>
+ task</a> to <a href=#fire-a-simple-event>fire a simple event</a> that bubbles called
+ <code title=event-change>change</code> at the <code><a href=#the-select-element>select</a></code>
element, using the <a href=#user-interaction-task-source>user interaction task source</a> as the
task source, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
element's <a href=#form-owner>form owner</a>.</p>
@@ -34108,10 +34109,10 @@
more <code><a href=#the-option-element>option</a></code> elements being changed by the user, and
before the relevant user interaction event <!-- interaction event
spec point --> is queued (e.g. before a related <span title=event-click>click</span> event), the user agent must
- <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple event</a> called
- <code title=event-change>change</code> at the <code><a href=#the-select-element>select</a></code>
- element, using the <a href=#user-interaction-task-source>user interaction task source</a> as the
- task source, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
+ <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple event</a> tgat
+ bubbles called <code title=event-change>change</code> at the
+ <code><a href=#the-select-element>select</a></code> element, using the <a href=#user-interaction-task-source>user interaction task
+ source</a> as the task source, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
element's <a href=#form-owner>form owner</a>.</p>
<p>The <a href=#concept-form-reset-control title=concept-form-reset-control>reset
@@ -34699,8 +34700,8 @@
<p>When a <code><a href=#the-textarea-element>textarea</a></code> is <a href=#concept-textarea-mutable title=concept-textarea-mutable>mutable</a>, its <a href=#concept-textarea-raw-value title=concept-textarea-raw-value>raw value</a> should be
editable by the user. Any time the user causes the element's <a href=#concept-textarea-raw-value title=concept-textarea-raw-value>raw value</a> to change, the
user agent must <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
- event</a> called <code title=event-input>input</code> at the
- <code><a href=#the-textarea-element>textarea</a></code> element, then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
+ event</a> that bubbls called <code title=event-input>input</code> at the <code><a href=#the-textarea-element>textarea</a></code>
+ element, then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
<code><a href=#the-textarea-element>textarea</a></code> element's <a href=#form-owner>form owner</a>. User agents
may wait for a suitable break in the user's interaction before
queuing the task; for example, a user agent could wait for the user
@@ -54109,14 +54110,13 @@
element, and the element does not have a defined <a href=#activation-behavior>activation
behavior</a>, and the user has changed the element's <a href=#concept-fe-value title=concept-fe-value>value</a> or its list of <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected files</a>
while the control was focused without committing that change, then
- <a href=#fire-a-simple-event>fire a simple event</a> called <code title=event-change>change</code> at the element, then
+ <a href=#fire-a-simple-event>fire a simple event</a> that bubbles called <code title=event-change>change</code> at the element, then
<a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code>
events</a> at the element's <a href=#form-owner>form owner</a>.</p>
<li><p>Unfocus the element.</li>
- <li><p><a href=#fire-a-simple-event>Fire a simple event</a> that doesn't bubble called
- <code title=event-blur>blur</code> at the element.</li>
+ <li><p><a href=#fire-a-simple-event>Fire a simple event</a> called <code title=event-blur>blur</code> at the element.</li>
</ol><p>When an element that is focused stops being a
<a href=#focusable>focusable</a> element, or stops being focused without
Modified: source
===================================================================
--- source 2009-07-27 22:33:44 UTC (rev 3472)
+++ source 2009-07-27 23:11:07 UTC (rev 3473)
@@ -35812,7 +35812,7 @@
title="dom-input-indeterminate">indeterminate</code> DOM attribute
back to the values they had before the <span>pre-click activation
steps</span> were run. The <span>activation behavior</span> is to
- <span>fire a simple event</span> called <code
+ <span>fire a simple event</span> that bubbles called <code
title="event-change">change</code> at the element<!-- It's not
cancelable. Once this fires, the control is checked, end of
story. -->, then <span>broadcast <code
@@ -35974,9 +35974,10 @@
true. The <span>canceled activation steps</span> consist of setting
the element's <span title="concept-fe-checked">checkedness</span> to
false. The <span>activation behavior</span> is to <span>fire a
- simple event</span> called <code title="event-change">change</code>
- at the element<!-- It's not cancelable. Once this fires, the control
- is checked, end of story. -->, then <span>broadcast <code
+ simple event</span> that bubbles called <code
+ title="event-change">change</code> at the element<!-- It's not
+ cancelable. Once this fires, the control is checked, end of
+ story. -->, then <span>broadcast <code
title="event-formchange">formchange</code> events</span> at the
element's <span>form owner</span>.</p>
@@ -37591,9 +37592,9 @@
<p>When the <dfn title="event-input-input"><code>input</code></dfn>
event applies, any time the user causes the element's <span
title="concept-fe-value">value</span> to change, the user agent must
- <span>queue a task</span> to <span>fire a simple event</span> called
- <code title="event-input">input</code> at the <code>input</code>
- element, then <span>broadcast <code
+ <span>queue a task</span> to <span>fire a simple event</span> that
+ bubbles called <code title="event-input">input</code> at the
+ <code>input</code> element, then <span>broadcast <code
title="event-forminput">forminput</code> events</span> at the
<code>input</code> element's <span>form owner</span>. User agents
may wait for a suitable break in the user's interaction before
@@ -37618,8 +37619,9 @@
<span title="concept-fe-value">value</span> or list of <span
title="concept-input-type-file-selected">selected files</span>, the
user agent must <span>queue a task</span> to <span>fire a simple
- event</span> called <code title="event-change">change</code> at the
- <code>input</code> element, then <span>broadcast <code
+ event</span> that bubbles called <code
+ title="event-change">change</code> at the <code>input</code>
+ element, then <span>broadcast <code
title="event-formchange">formchange</code> events</span> at the
<code>input</code> element's <span>form owner</span>.</p>
@@ -37647,8 +37649,9 @@
<li>If the <code title="event-input-input">input</code> event
applies, <span>queue a task</span> to <span>fire a simple
- event</span> called <code title="event-input">input</code> at the
- <code>input</code> element.</li>
+ event</span> that bubbles called <code
+ title="event-input">input</code> at the <code>input</code>
+ element.</li>
<li>If the <code title="event-input-input">input</code> event
applies, <span>broadcast <code
@@ -37657,8 +37660,9 @@
<li>If the <code title="event-input-change">change</code> event
applies, <span>queue a task</span> to <span>fire a simple
- event</span> called <code title="event-change">change</code> at the
- <code>input</code> element.</li>
+ event</span> that bubbles called <code
+ title="event-change">change</code> at the <code>input</code>
+ element.</li>
<li>If the <code title="event-input-change">change</code> event
applies, <span>broadcast <code
@@ -37980,8 +37984,8 @@
set the <span
title="concept-option-selectedness">selectedness</span> of the
picked <code>option</code> element to true and then <span>queue a
- task</span> to <span>fire a simple event</span> called <code
- title="event-change">change</code> at the <code>select</code>
+ task</span> to <span>fire a simple event</span> that bubbles called
+ <code title="event-change">change</code> at the <code>select</code>
element, using the <span>user interaction task source</span> as the
task source, then <span>broadcast <code
title="event-formchange">formchange</code> events</span> at the
@@ -38032,10 +38036,10 @@
before the relevant user interaction event <!-- interaction event
spec point --> is queued (e.g. before a related <span
title="event-click">click</span> event), the user agent must
- <span>queue a task</span> to <span>fire a simple event</span> called
- <code title="event-change">change</code> at the <code>select</code>
- element, using the <span>user interaction task source</span> as the
- task source, then <span>broadcast <code
+ <span>queue a task</span> to <span>fire a simple event</span> tgat
+ bubbles called <code title="event-change">change</code> at the
+ <code>select</code> element, using the <span>user interaction task
+ source</span> as the task source, then <span>broadcast <code
title="event-formchange">formchange</code> events</span> at the
element's <span>form owner</span>.</p>
@@ -38751,8 +38755,9 @@
editable by the user. Any time the user causes the element's <span
title="concept-textarea-raw-value">raw value</span> to change, the
user agent must <span>queue a task</span> to <span>fire a simple
- event</span> called <code title="event-input">input</code> at the
- <code>textarea</code> element, then <span>broadcast <code
+ event</span> that bubbls called <code
+ title="event-input">input</code> at the <code>textarea</code>
+ element, then <span>broadcast <code
title="event-forminput">forminput</code> events</span> at the
<code>textarea</code> element's <span>form owner</span>. User agents
may wait for a suitable break in the user's interaction before
@@ -63373,15 +63378,15 @@
title="concept-fe-value">value</span> or its list of <span
title="concept-input-type-file-selected">selected files</span>
while the control was focused without committing that change, then
- <span>fire a simple event</span> called <code
+ <span>fire a simple event</span> that bubbles called <code
title="event-change">change</code> at the element, then
<span>broadcast <code title="event-formchange">formchange</code>
events</span> at the element's <span>form owner</span>.</p>
<li><p>Unfocus the element.</p></li>
- <li><p><span>Fire a simple event</span> that doesn't bubble called
- <code title="event-blur">blur</code> at the element.</p></li>
+ <li><p><span>Fire a simple event</span> called <code
+ title="event-blur">blur</code> at the element.</p></li>
</ol>
More information about the Commit-Watchers
mailing list