From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../api/htmlelement/pointercancel_event/index.html | 109 +++++++++++++++++++++ 1 file changed, 109 insertions(+) create mode 100644 files/ja/web/api/htmlelement/pointercancel_event/index.html (limited to 'files/ja/web/api/htmlelement/pointercancel_event') diff --git a/files/ja/web/api/htmlelement/pointercancel_event/index.html b/files/ja/web/api/htmlelement/pointercancel_event/index.html new file mode 100644 index 0000000000..a5d55aa305 --- /dev/null +++ b/files/ja/web/api/htmlelement/pointercancel_event/index.html @@ -0,0 +1,109 @@ +--- +title: 'HTMLElement: pointercancel イベント' +slug: Web/API/HTMLElement/pointercancel_event +tags: + - DOM + - Event + - Pointer Events + - PointerEvent + - Reference + - pointercancel + - user input +translation_of: Web/API/HTMLElement/pointercancel_event +--- +
{{APIRef}}
+ +

pointercancel イベントは、これ以上ポインタイベントがないとブラウザーが判断したとき、または {{event("pointerdown")}} イベントが発生した後に、パン、ズーム、スクロールによってビューポートを操作するためにポインタを使用する場合に発生します。

+ + + + + + + + + + + + + + + + + + + + +
バブリングあり
キャンセル不可
インターフェイス{{domxref("PointerEvent")}}
イベントハンドラプロパティonpointercancel
+ +

pointercancel イベントを引き起こす状況の例

+ + + +
+

pointercancel イベントが発生した後、ブラウザーは {{event("pointerout")}} とそれに続く {{event("pointerleave")}} も送信します。

+
+ +

例

+ +

addEventListener() を使用する場合

+ +
const para = document.querySelector('p');
+
+para.addEventListener('pointercancel', (event) => {
+  console.log('ポインタイベントがキャンセルされた');
+});
+ +

onpointercancel イベントハンドラプロパティを使用する場合

+ +
const para = document.querySelector('p');
+
+para.onpointercancel = (event) => {
+  console.log('ポインタイベントがキャンセルされた');
+};
+ +

仕様

+ + + + + + + + + + + + +
仕様状態
{{SpecName('Pointer Events', '#the-pointercancel-event')}}{{Spec2('Pointer Events')}}
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.HTMLElement.pointercancel_event")}}

+ +

関連情報

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