mozilla

Revision 297965 of WheelEvent

  • Revision slug: DOM/WheelEvent
  • Revision title: WheelEvent
  • Revision id: 297965
  • Created:
  • Creator: Masayuki
  • Is current revision? No
  • Comment

Revision Content

{{ IFSummary("dom/interfaces/events/nsIDOMMouseScrollEvent.idl", "nsIDOMMouseScrollEvent", "Scriptable", "1.9.1", "An event interface for legacy mouse scroll events", "1.9.1") }}

The DOM MouseScrollEvent represents events that occur due to the user moving a mouse wheel or similar input device.

Use standardardized {{ domxref("WheelEvent") }} instead of this legacy event object if available.

Attributes

Attribute Type Description
axis long Indicates scroll direction. Read only.

Constants

Delta modes

Constant Value Description
HORIZONTAL_AXIS 0x01 The event is caused by horizontal wheel operation.
VERTICAL_AXIS 0x02 The event is caused by vertical wheel operation.

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support {{ CompatNo() }} {{ CompatGeckoDesktop("1.9.1") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support {{ CompatNo() }} {{ CompatGeckoMobile("1.9.1") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}

See also

  • {{ domeventxref("DOMMouseScroll") }}
  • {{ domeventxref("MozMousePixelScroll") }}
  • Non-gecko browsers' legacy mosue wheel event object: {{ domxref("MouseWheelEvent") }}
  • Standardized mouse wheel event object: {{ domxref("WheelEvent") }}

Revision Source

<p>{{ IFSummary("dom/interfaces/events/nsIDOMMouseScrollEvent.idl", "nsIDOMMouseScrollEvent", "Scriptable", "1.9.1", "An event interface for legacy mouse scroll events", "1.9.1") }}</p>
<p>The DOM <code>MouseScrollEvent</code> represents events that occur due to the user moving a mouse wheel or similar input device.</p>
<p>Use standardardized {{ domxref("WheelEvent") }} instead of this legacy event object if available.</p>
<h2 id="Attributes">Attributes</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <td class="header">Attribute</td>
      <td class="header">Type</td>
      <td class="header">Description</td>
    </tr>
    <tr>
      <td><code>axis</code></td>
      <td><code>long</code></td>
      <td>Indicates scroll direction. <strong>Read only.</strong></td>
    </tr>
  </tbody>
</table>
<h2 id="Constants">Constants</h2>
<h3 id="Delta_modes">Delta modes</h3>
<table class="standard-table">
  <tbody>
    <tr>
      <td class="header">Constant</td>
      <td class="header">Value</td>
      <td class="header">Description</td>
    </tr>
    <tr>
      <td><code>HORIZONTAL_AXIS</code></td>
      <td><code>0x01</code></td>
      <td>The event is caused by horizontal wheel operation.</td>
    </tr>
    <tr>
      <td><code><code>VERTICAL_AXIS</code></code></td>
      <td><code>0x02</code></td>
      <td>The event is caused by vertical wheel operation.</td>
    </tr>
  </tbody>
</table>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari (WebKit)</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatGeckoDesktop("1.9.1") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE&nbsp;Phone</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatGeckoMobile("1.9.1") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 class="note" id="See_also">See also</h2>
<ul>
  <li>{{ domeventxref("DOMMouseScroll") }}</li>
  <li>{{ domeventxref("MozMousePixelScroll") }}</li>
  <li>Non-gecko browsers' legacy mosue wheel event object: {{ domxref("MouseWheelEvent") }}</li>
  <li>Standardized mouse wheel event object: {{ domxref("WheelEvent") }}</li>
</ul>
Revert to this revision