From 334cc1d466d4c3226fe02a112f2c49b2bb8359eb Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 23 Jul 2023 23:11:38 +0900 Subject: [PATCH] =?UTF-8?q?2023/06/25=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=9F=BA=E3=81=A5=E3=81=8D?= =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../element/pointerrawupdate_event/index.md | 76 +++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 files/ja/web/api/element/pointerrawupdate_event/index.md diff --git a/files/ja/web/api/element/pointerrawupdate_event/index.md b/files/ja/web/api/element/pointerrawupdate_event/index.md new file mode 100644 index 00000000000000..6f6fdbf9288c4e --- /dev/null +++ b/files/ja/web/api/element/pointerrawupdate_event/index.md @@ -0,0 +1,76 @@ +--- +title: "Element: pointerrawupdate イベント" +short-title: pointerrawupdate +slug: Web/API/Element/pointerrawupdate_event +l10n: + sourceCommit: ab4fde9db98cad2e7a80653723533ff1663ada2d +--- + +{{APIRef}}{{SeeCompatTable}} + +**`pointerrawupdate`** は {{DOMxRef('PointerEvent')}} で、ポインターに [`pointerdown`](/ja/docs/Web/API/Element/pointerdown_event) または [`pointerup`](/ja/docs/Web/API/Element/pointerup_event) イベントが発生しない変化が起きたときに発生します。 +これらのプロパティの一覧は [`pointermove`](/ja/docs/Web/API/Element/pointermove_event) を参照してください。 + +イベントループ内で配信されていない、同じポインター ID を持つ別の `pointerrawupdate` イベントが既に存在する場合、`pointerrawupdate` イベントは併合イベントになる可能性があります。 +併合イベントの詳細については、{{domxref("PointerEvent.getCoalescedEvents")}} のドキュメントを参照してください。 + +`pointerrawupdate` イベントのリスナーは、JavaScript が高頻度のイベントを必要とし、それらが配信されると同時に素早く処理できる場合にのみ追加すべきです。 +ほとんどの用途では、`pointerrawupdate` イベント用のリスナーを追加することで、パフォーマンスに影響が出る可能性があるため、他のポインターイベント型で十分です。 + +## 構文 + +このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} 等のメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。 + +```js +addEventListener("pointerrawupdate", (event) => {}); + +onpointerrawupdate = (event) => {}; +``` + +## イベント型 + +{{domxref("PointerEvent")}} です。 {{domxref("Event")}} を継承しています。 + +{{InheritanceDiagram("PointerEvent")}} + +## イベントプロパティ + +このイベントは、{{domxref("PointerEvent")}} インターフェイスのプロパティを実装しています。 + +## 例 + +```js +addEventListener("pointerrawupdate", (event) => { + if (event.getCoalescedEvents && event.getCoalescedEvents().length > 1) { + console.log("Coalesced events:", event.getCoalescedEvents().length); + for (let coalescedEvent of event.getCoalescedEvents()) { + // 併合されたイベントに対して何かをする + } + } else { + // イベントに対して何かをする + console.log("Raw event", event); + } +}); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- Related events + + - [`gotpointercapture`](/ja/docs/Web/API/Element/gotpointercapture_event) + - [`lostpointercapture`](/ja/docs/Web/API/Element/lostpointercapture_event) + - [`pointerover`](/ja/docs/Web/API/Element/pointerover_event) + - [`pointerenter`](/ja/docs/Web/API/Element/pointerenter_event) + - [`pointerdown`](/ja/docs/Web/API/Element/pointerdown_event) + - [`pointermove`](/ja/docs/Web/API/Element/pointermove_event) + - [`pointerup`](/ja/docs/Web/API/Element/pointerup_event) + - [`pointerout`](/ja/docs/Web/API/Element/pointerout_event) + - [`pointerleave`](/ja/docs/Web/API/Element/pointerleave_event)