1. 開発者向けのウェブ技術
  2. Web API
  3. Element
  4. MozMousePixelScroll

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Element: MozMousePixelScroll イベント

非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

Firefox 専用の、標準外、かつ廃止予定の MozMousePixelScroll` イベントは、マウスホイールなどが操作されたときに Element で非同期に発生します。これは MouseScrollEvent インターフェイスで表されます。

メモ: この標準外の旧式のイベントは使用しないでください。代わりに、常に標準の wheel イベントを使用してください。

構文

このイベント名を addEventListener() 等のメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

js
addEventListener("MozMousePixelScroll", (event) => {});

onMozMousePixelScroll = (event) => {};

イベント型

WheelEvent です。 MouseEvent、UIEvent、Event を継承しています。

Event UIEvent MouseEvent WheelEvent

スクロールした距離の取得

このイベントの detail プロパティは、スクロール距離を行単位で示します。負の値はスクロール移動が下方向か右方向であることを示し、正の値は上方向か左方向であることを示します。

プラットフォームのネイティブマウスホイールイベントが行またはページ単位でスクロール距離を示している場合、detail の値はその値と、ターゲット要素を含む最も近い祖先のスクロール可能要素の行の高さまたはページの幅/高さを使用して計算されます。

メモ: macOSでは、スクロール距離（したがって detail の値）は加速スクロール距離に基づいて計算されます。

イベントが正当なものであれば、detail の値が 0 になることはありません。

ブラウザーの互換性

関連情報

  • MouseScrollEvent
  • Gecko の古い行またはページのスクロールイベント: DOMMouseScroll
  • Gecko 以外のブラウザーの古いマウスホイールイベント: mousewheel
  • 標準化されたホイールイベント: wheel

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告