From 3a7738296802509072ceac80a8d4eb6acbf99ecb Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 24 Jul 2023 09:49:54 +0900 Subject: [PATCH] =?UTF-8?q?2023/07/19=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/api/element/touchend_event/index.md | 67 +++++++++++------- .../web/api/element/touchmove_event/index.md | 69 ++++++++++++------- .../web/api/element/touchstart_event/index.md | 66 +++++++++++------- 3 files changed, 127 insertions(+), 75 deletions(-) diff --git a/files/ja/web/api/element/touchend_event/index.md b/files/ja/web/api/element/touchend_event/index.md index c432a8477f0d1f..aab7eeccdb864f 100644 --- a/files/ja/web/api/element/touchend_event/index.md +++ b/files/ja/web/api/element/touchend_event/index.md @@ -1,34 +1,53 @@ --- -title: 'Element: touchend イベント' +title: "Element: touchend イベント" +short-title: touchend slug: Web/API/Element/touchend_event +l10n: + sourceCommit: 1b094710cd2816a6669ce616b6f56d0a5b25e6ad --- {{APIRef}} `touchend` イベントは、タッチ面から 1 つ以上のタッチ点が取り除かれた場合に発生します。 - - - - - - - - - - - - - - - - - - - -
バブリングあり
キャンセル可
インターフェイス{{domxref("TouchEvent")}}
イベントハンドラープロパティ - {{ domxref("GlobalEventHandlers.ontouchend","ontouchend")}} -
+## 構文 + +このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。 + +```js +addEventListener("touchend", (event) => {}); + +ontouchend = (event) => {}; +``` + +## イベント型 + +{{domxref("TouchEvent")}} です。 {{domxref("Event")}} を継承しています。 + +{{InheritanceDiagram("TouchEvent")}} + +## イベントプロパティ + +_このインターフェイスは {{domxref("UIEvent")}} および {{domxref("Event")}} からプロパティを継承しています。_ + +- {{domxref("TouchEvent.altKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときに alt キーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.changedTouches")}} {{ReadOnlyInline}} + - : 前回のタッチイベントと今回のタッチイベントの間で状態が変化した、個々の接点を表すすべての {{domxref("Touch")}} オブジェクトの {{domxref("TouchList")}} です。 +- {{domxref("TouchEvent.ctrlKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときにコントロールキーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.metaKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときにメタキーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.shiftKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときにシフトキーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.targetTouches")}} {{ReadOnlyInline}} + - : 現在タッチ面に接触してしており、**かつ**イベントのターゲット要素と同じ要素で開始された、すべての {{domxref("Touch")}} オブジェクトの {{domxref("TouchList")}} です。 +- {{domxref("TouchEvent.touches")}} {{ReadOnlyInline}} + - : 対象や、変更されたステータスに関係なく、表面との現在の接点をすべて表す {{domxref("Touch")}} オブジェクトの {{domxref("TouchList")}} です。 +- {{domxref("TouchEvent.rotation")}} {{non-standard_inline()}} {{ReadOnlyInline}} + - : イベント開始時からの角度の変化（度）。正の値は時計回りの回転を示し、負の値は反時計回りの回転を示します。初期値は `0.0` です。 +- {{domxref("TouchEvent.scale")}} {{non-standard_inline()}} {{ReadOnlyInline}} + - : イベント開始時からの 2 つの指間の距離の変化です。イベント開始時の初期指間距離からの倍率を、浮動小数点数で表します。1.0 未満の値は、内側へのピンチ（ズームアウト）を示します。1.0 以上の値は、外側へのピンチ解除（ズームイン）を示します。初期値は `1.0` です。 ## 例 @@ -45,5 +64,3 @@ slug: Web/API/Element/touchend_event ## 関連情報 - [タッチイベント](/ja/docs/Web/API/Touch_events) -- {{ domxref("GlobalEventHandlers.ontouchend","ontouchend")}} -- {{domxref("Document")}} をターゲットとしたこのイベント: {{domxref("Document/touchend_event", "touchend")}} diff --git a/files/ja/web/api/element/touchmove_event/index.md b/files/ja/web/api/element/touchmove_event/index.md index fb74d132d21071..779ac64f7fe98e 100644 --- a/files/ja/web/api/element/touchmove_event/index.md +++ b/files/ja/web/api/element/touchmove_event/index.md @@ -1,34 +1,53 @@ --- -title: 'Element: touchmove イベント' +title: "Element: touchmove イベント" +short-title: touchmove slug: Web/API/Element/touchmove_event +l10n: + sourceCommit: 1b094710cd2816a6669ce616b6f56d0a5b25e6ad --- {{APIRef}} `touchmove` イベントは、タッチ面上で 1 つ以上のタッチ点が移動したときに発生します。 - - - - - - - - - - - - - - - - - - - -
バブリングあり
キャンセル可
インターフェイス{{domxref("TouchEvent")}}
イベントハンドラープロパティ - {{ domxref("GlobalEventHandlers.ontouchmove","ontouchmove")}} -
+## 構文 + +このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。 + +```js +addEventListener("touchmove", (event) => {}); + +ontouchmove = (event) => {}; +``` + +## イベント型 + +{{domxref("TouchEvent")}} です。 {{domxref("Event")}} を継承しています。 + +{{InheritanceDiagram("TouchEvent")}} + +## イベントプロパティ + +_このインターフェイスは {{domxref("UIEvent")}} および {{domxref("Event")}} からプロパティを継承しています。_ + +- {{domxref("TouchEvent.altKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときに alt キーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.changedTouches")}} {{ReadOnlyInline}} + - : 前回のタッチイベントと今回のタッチイベントの間で状態が変化した、個々の接点を表すすべての {{domxref("Touch")}} オブジェクトの {{domxref("TouchList")}} です。 +- {{domxref("TouchEvent.ctrlKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときにコントロールキーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.metaKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときにメタキーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.shiftKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときにシフトキーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.targetTouches")}} {{ReadOnlyInline}} + - : 現在タッチ面に接触してしており、**かつ**イベントのターゲット要素と同じ要素で開始された、すべての {{domxref("Touch")}} オブジェクトの {{domxref("TouchList")}} です。 +- {{domxref("TouchEvent.touches")}} {{ReadOnlyInline}} + - : 対象や、変更されたステータスに関係なく、表面との現在の接点をすべて表す {{domxref("Touch")}} オブジェクトの {{domxref("TouchList")}} です。 +- {{domxref("TouchEvent.rotation")}} {{non-standard_inline()}} {{ReadOnlyInline}} + - : イベント開始時からの角度の変化（度）。正の値は時計回りの回転を示し、負の値は反時計回りの回転を示します。初期値は `0.0` です。 +- {{domxref("TouchEvent.scale")}} {{non-standard_inline()}} {{ReadOnlyInline}} + - : イベント開始時からの 2 つの指間の距離の変化です。イベント開始時の初期指間距離からの倍率を、浮動小数点数で表します。1.0 未満の値は、内側へのピンチ（ズームアウト）を示します。1.0 以上の値は、外側へのピンチ解除（ズームイン）を示します。初期値は `1.0` です。 ## 例 @@ -45,6 +64,4 @@ slug: Web/API/Element/touchmove_event ## 関連情報 - [タッチイベント](/ja/docs/Web/API/Touch_events) -- {{ domxref("GlobalEventHandlers.ontouchmove","ontouchmove")}} -- {{domxref("Element/mousemove_event", "mousemove")}} と {{domxref("GlobalEventHandlers.onmousemove", "onmousemove")}} -- {{domxref("Document")}} をターゲットとしたこのイベント: {{domxref("Document/touchmove_event", "touchmove")}} +- {{domxref("Element/mousemove_event", "mousemove")}} diff --git a/files/ja/web/api/element/touchstart_event/index.md b/files/ja/web/api/element/touchstart_event/index.md index 04c2b7218f01e7..e9b2cb30ec5757 100644 --- a/files/ja/web/api/element/touchstart_event/index.md +++ b/files/ja/web/api/element/touchstart_event/index.md @@ -1,34 +1,53 @@ --- -title: 'Element: touchstart イベント' +title: "Element: touchstart イベント" +short-title: touchstart slug: Web/API/Element/touchstart_event +l10n: + sourceCommit: 1b094710cd2816a6669ce616b6f56d0a5b25e6ad --- {{APIRef}} `touchstart` イベントは、タッチ平面上に 1 つ以上のタッチ点が配置されたときに発生します。 - - - - - - - - - - - - - - - - - - - -
バブリングあり
キャンセル可
インターフェイス{{domxref("TouchEvent")}}
イベントハンドラープロパティ - {{ domxref("GlobalEventHandlers.ontouchstart","ontouchstart")}} -
+## 構文 + +このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。 + +```js +addEventListener("touchstart", (event) => {}); + +ontouchstart = (event) => {}; +``` + +## イベント型 + +{{domxref("TouchEvent")}} です。 {{domxref("Event")}} を継承しています。 + +{{InheritanceDiagram("TouchEvent")}} + +## イベントプロパティ + +_このインターフェイスは {{domxref("UIEvent")}} および {{domxref("Event")}} からプロパティを継承しています。_ + +- {{domxref("TouchEvent.altKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときに alt キーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.changedTouches")}} {{ReadOnlyInline}} + - : 前回のタッチイベントと今回のタッチイベントの間で状態が変化した、個々の接点を表すすべての {{domxref("Touch")}} オブジェクトの {{domxref("TouchList")}} です。 +- {{domxref("TouchEvent.ctrlKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときにコントロールキーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.metaKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときにメタキーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.shiftKey")}} {{ReadOnlyInline}} + - : 論理値で、タッチイベントが発行されたときにシフトキーが押されていたかどうかを示します。 +- {{domxref("TouchEvent.targetTouches")}} {{ReadOnlyInline}} + - : 現在タッチ面に接触してしており、**かつ**イベントのターゲット要素と同じ要素で開始された、すべての {{domxref("Touch")}} オブジェクトの {{domxref("TouchList")}} です。 +- {{domxref("TouchEvent.touches")}} {{ReadOnlyInline}} + - : 対象や、変更されたステータスに関係なく、表面との現在の接点をすべて表す {{domxref("Touch")}} オブジェクトの {{domxref("TouchList")}} です。 +- {{domxref("TouchEvent.rotation")}} {{non-standard_inline()}} {{ReadOnlyInline}} + - : イベント開始時からの角度の変化（度）。正の値は時計回りの回転を示し、負の値は反時計回りの回転を示します。初期値は `0.0` です。 +- {{domxref("TouchEvent.scale")}} {{non-standard_inline()}} {{ReadOnlyInline}} + - : イベント開始時からの 2 つの指間の距離の変化です。イベント開始時の初期指間距離からの倍率を、浮動小数点数で表します。1.0 未満の値は、内側へのピンチ（ズームアウト）を示します。1.0 以上の値は、外側へのピンチ解除（ズームイン）を示します。初期値は `1.0` です。 ## 例 @@ -45,4 +64,3 @@ slug: Web/API/Element/touchstart_event ## 関連情報 - [タッチイベント](/ja/docs/Web/API/Touch_events) -- {{domxref("Document")}} をターゲットとしたこのイベント: {{domxref("Document/touchstart_event", "touchstart")}}