From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/wheelevent/index.html | 119 +++++++++++++++++++++++++++++++++ 1 file changed, 119 insertions(+) create mode 100644 files/ja/web/api/wheelevent/index.html (limited to 'files/ja/web/api/wheelevent/index.html') diff --git a/files/ja/web/api/wheelevent/index.html b/files/ja/web/api/wheelevent/index.html new file mode 100644 index 0000000000..2d9bf22c98 --- /dev/null +++ b/files/ja/web/api/wheelevent/index.html @@ -0,0 +1,119 @@ +--- +title: WheelEvent +slug: Web/API/WheelEvent +tags: + - API + - DOM + - Interface + - Reference + - WheelEvent +translation_of: Web/API/WheelEvent +--- +

{{APIRef("DOM Events")}}

+ +

WheelEvent インターフェイスは、ユーザーがマウスホイールやそれに似た機器を動かしたときに発行されるイベントを表します。

+ +
+

重要: これは標準のホイールイベントインターフェイスです。古いバージョンのブラウザーは、標準外でブラウザー間の互換性のない {{DOMxRef("MouseWheelEvent")}} および {{DOMxRef("MouseScrollEvent")}} インターフェイスを実装していました。これらを避けて、このインターフェイスを使用してください。

+
+ +
+

注: {{domxref("Element/wheel_event", "wheel")}} イベントと {{domxref("Element/scroll_event", "scroll")}} イベントを混同しないでください。 wheel イベントの既定のアクションは実装固有のものです。したがって、 wheel イベントは必ずしも scroll イベントを発行するわけではありません。その場合でも、 wheel イベントの delta* 値は必ずしもコンテンツのスクロール方向を反映しているとは限りません。したがって、スクロールの方向を取得するために、 wheel イベントの delta* プロパティに頼らないようにしてください。代わりに、 scroll イベント内のターゲットの {{DOMxRef("Element.scrollLeft", "scrollLeft")}} や {{DOMxRef("Element.scrollTop", "scrollTop")}} の値の変化を検出するようにしてください。

+
+ +

{{InheritanceDiagram}}

+ +

コンストラクター

+ +
+
{{DOMxRef("WheelEvent.WheelEvent", "WheelEvent()")}}
+
WheelEvent オブジェクトを生成します。
+
+ +

プロパティ

+ +

このインターフェイスは、その祖先である {{DOMxRef("MouseEvent")}}, {{DOMxRef("UIEvent")}}, {{DOMxRef("Event")}} からプロパティを継承しています。

+ +
+
{{DOMxRef("WheelEvent.deltaX")}}{{ReadOnlyInline}}
+
水平方向のスクロール量を表す double を返します。
+
{{DOMxRef("WheelEvent.deltaY")}}{{ReadOnlyInline}}
+
垂直方向のスクロール量を表す double を返します。
+
{{DOMxRef("WheelEvent.deltaZ")}}{{ReadOnlyInline}}
+
Z 軸方向のスクロール量を表す double を返します。
+
{{DOMxRef("WheelEvent.deltaMode")}}{{ReadOnlyInline}}
+
スクロール量の差分値の単位を表す unsigned long を返します。許容値は以下のとおりです: + + + + + + + + + + + + + + + + + + + + + + + + + +
定数値説明
DOM_DELTA_PIXEL0x00delta* はピクセル数で指定されます。
DOM_DELTA_LINE0x01delta* は行数で指定されます。
DOM_DELTA_PAGE0x02delta* はページ数で指定されます。
+
+
+ +

メソッド

+ +

このインターフェイスではメソッドが定義されていませんが、祖先である {{DOMxRef("MouseEvent")}}, {{DOMxRef("UIEvent")}}, {{DOMxRef("Event")}} のメソッドを継承しています。

+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName("UI Events", "#interface-wheelevent", "The WheelEvent interface")}}{{Spec2("UI Events")}}
{{SpecName('DOM3 Events', '#interface-wheelevent', 'WheelEvent')}}{{Spec2('DOM3 Events')}}初回定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.WheelEvent")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf