From 32ce5de47456ff5d8cb1b2d9163356ce27ffe955 Mon Sep 17 00:00:00 2001 From: MDN Date: Sun, 16 Jan 2022 00:57:29 +0000 Subject: [CRON] sync translated content --- .../index.html | 67 ---------------------- 1 file changed, 67 deletions(-) delete mode 100644 files/ja/web/api/touch_events/supporting_both_touchevent_and_mouseevent/index.html (limited to 'files/ja/web') diff --git a/files/ja/web/api/touch_events/supporting_both_touchevent_and_mouseevent/index.html b/files/ja/web/api/touch_events/supporting_both_touchevent_and_mouseevent/index.html deleted file mode 100644 index c6a359ea78..0000000000 --- a/files/ja/web/api/touch_events/supporting_both_touchevent_and_mouseevent/index.html +++ /dev/null @@ -1,67 +0,0 @@ ---- -title: TouchEvent と MouseEvent の両方をサポートする -slug: Web/API/Touch_events/Supporting_both_TouchEvent_and_MouseEvent -tags: - - Guide - - TouchEvent - - touch -translation_of: Web/API/Touch_events/Supporting_both_TouchEvent_and_MouseEvent ---- -

{{DefaultAPISidebar("Touch Events")}}

- -

{{domxref("Touch_events","touch")}} インターフェースは、タッチできるデバイス 上で高いユーザーエクスペリエンスを生み出すアプリケーションを可能にします。しかし、ウェブコンテンツの大部分がマウス入力でだけ操作できるように設計されている現実があります。したがって、ブラウザがタッチをサポートしていても、マウス入力のみを想定したコンテンツを直接修正することなく従来通り動作させるために、ブラウザはまだマウスイベントをエミュレートしなくてはなりません。

- -

理想的には、タッチベースのアプリケーションは、明示的にマウスの入力に対処する必要はありません。しかし、ブラウザはマウスイベントをエミュレートしなければならないので、処理しなければならない相互問題がいくつかあります。以下は開発者のためのイベントの動作と予期しない問題についての詳細です。

- -

イベントの発火

- -

タッチイベント標準は、タッチとマウスの動作に関するいくつかのブラウザ要件（詳細については Interaction with Mouse Events and click セクションを見てください）を定義しており、ブラウザは同じユーザー入力のレスポンスでタッチイベントとマウスイベントの両方を発火できると記述しています。このセクションでは、アプリケーションに影響を与える可能性がある要件について説明します。

- -

ひとつのユーザー入力でブラウザがタッチイベントとマウスイベントの両方を発火した場合、ブラウザは何らかのマウスイベントの前に {{event("touchstart")}} を発火させなくては なりません。したがって、アプリケーションで特定のタッチ {{domxref("Touch.target","target")}} 要素でマウスイベントが発火させたくない場合、要素のタッチイベントハンドラーで {{domxref("Event.preventDefault()","preventDefault()")}} を呼び出し追加のマウスイベントが送出されないようにしなければなりません。

- -

{{event("touchmove")}} イベントハンドラーで preventDefault() を呼び出すコードスニペットです。

- -
// touchmove handler
-function process_touchmove(ev) {
-  // Call preventDefault() to prevent any further handling
-  ev.preventDefault();
-}
-
- -

イベント順

- -

特定のタッチイベントとマウスイベントの順序は実装依存ですが、標準仕様ではひとつの入力に対して次の順序が典型であるとしています。

- - - -

{{event("touchstart")}} か {{event("touchmove")}}、{{event("touchend")}} が動作の間にキャンセルされた場合、mouse か click は発火されず、続くイベントは次のものだけになります：

- - - -

コミュニティー

- - - -

関連項目とリソース

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