ValueChange

  • Revision slug: Web/Reference/Events/ValueChange
  • Revision title: ValueChange
  • Revision id: 402747
  • Created:
  • Creator: Sheppy
  • Is current revision? Yes
  • Comment Moved From DOM/Mozilla_event_reference/ValueChange to Web/Reference/Events/ValueChange

Revision Content

The ValueChange event is executed when the value of an element, <progress> for example, has changed.

This event is used mainly for an accessibility purpose.

General info

Specification
XUL
Interface
Event
Bubbles
Yes
Cancelable
Yes
Target
element
Default Action
None

Properties

{{OpenEventProperties()}}{{CloseEventProperties()}}

Related Events

{{ChangeRelatedEvents()}}

Revision Source

<p>The <code>ValueChange</code> event is executed when the value of an element, <a href="/en-US/docs/HTML/Element/progress"><code>&lt;progress&gt;</code></a> for example, has changed.</p>
<p>This event is used mainly for an accessibility purpose.</p>
<h2 id="General_info">General info</h2>
<dl>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Specification</dt>
  <dd style="margin: 0 0 0 120px;">
    XUL</dd>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Interface</dt>
  <dd style="margin: 0 0 0 120px;">
    Event</dd>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Bubbles</dt>
  <dd style="margin: 0 0 0 120px;">
    Yes</dd>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Cancelable</dt>
  <dd style="margin: 0 0 0 120px;">
    Yes</dd>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Target</dt>
  <dd style="margin: 0 0 0 120px;">
    element</dd>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Default Action</dt>
  <dd style="margin: 0 0 0 120px;">
    None</dd>
</dl>
<h2 id="Properties">Properties</h2>
<p>{{OpenEventProperties()}}{{CloseEventProperties()}}</p>
<h2>Related Events</h2>
<p>{{ChangeRelatedEvents()}}</p>
Revert to this revision