Revision 441771 of MouseWheelEvent

<p>{{ Non-standard_header() }}</p>
<p>{{ note("Gecko doesn't have a plan to implement this feature due to legacy event and non-standard.") }}</p>
<p>The DOM <code>MouseWheelEvent</code> represents events that occur due to the user turning a mouse wheel.</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>wheelDelta</code></td>
      <td><code>long</code></td>
      <td>The distance in pixels (defined as so by MSDN, but the actual usage is different, see {{ domeventxref("mousewheel") }}). <strong>Read only.</strong></td>
    </tr>
    <tr>
      <td><code>wheelDeltaX</code></td>
      <td><code>long</code>?</td>
      <td>The value along horizontal axis of <code>wheelDelta</code>. <strong>Read only.</strong></td>
    </tr>
    <tr>
      <td><code>wheelDeltaY</code></td>
      <td><code>long</code>?</td>
      <td>The value along vertical axis of <code>wheelDelta</code>. <strong>Read only.</strong></td>
    </tr>
  </tbody>
</table>
<h2 id="Browser_Compatibility" name="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>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatIE("6.0") }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
      </tr>
      <tr>
        <td><code>wheelDeltaX</code></td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
      </tr>
      <tr>
        <td><code>wheelDeltaY</code></td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatVersionUnknown() }}</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>{{ CompatUnknown() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
      </tr>
      <tr>
        <td><code>wheelDeltaX</code></td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
      </tr>
      <tr>
        <td><code>wheelDeltaY</code></td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="See_also">See also</h2>
<ul>
  <li>An event type which is used by this event object: {{ domeventxref("mousewheel") }}</li>
  <li>A standardized mouse wheel event object: {{ domxref("WheelEvent") }}</li>
  <li>Gecko's legacy mouse wheel event object: {{ domxref("MouseScrollEvent") }}</li>
  <li>The document in MSDN: {{ spec("https://msdn.microsoft.com/en-us/library/ie/ff974345%28v=vs.85%29.aspx","MouseWheelEvent object") }}</li>
</ul>