From 769b0c0d855a64af56fe2f013a6b478770065978 Mon Sep 17 00:00:00 2001 From: Atsuto Yamashita Date: Sun, 20 Mar 2022 13:36:15 +0900 Subject: user_input_methods の指でのタッチの日本語訳を追加 (#4538) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * user_input_methods の指でのタッチの日本語訳を追加 * イベントリスナーの箇所を修正 Co-authored-by: Masahiro FUJIMOTO * ウェブとブラウザーに修正 Co-authored-by: Masahiro FUJIMOTO --- files/ja/web/guide/user_input_methods/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'files') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index 421b007993..6bee04bc20 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -61,19 +61,19 @@ window.addEventListener("keyup", handleKeyUp, true);

指でのタッチ

-

When developing web applications meant to be installed on touchscreen devices, it’s a good practice to take into consideration the different capabilities in terms of screen resolution and user input. Touch events can help you implement interactive elements and common interaction gestures on touchscreen devices.

+

タッチスクリーンデバイスにインストールされることを目的としている ウェブアプリを開発している時、ディスプレイ解像度とユーザー入力に関して異なる性能を考慮することは良いプラクティスです。タッチイベントは、タッチスクリーンデバイス上のインタラクションな要素と一般的なインタラクションジェスチャーを実装するのに役立ちます。

-

If you want to use touch events, you need to add event listeners and specify handler functions, which will be called when the event gets fired:

+

タッチイベントを使いたいのであれば、イベントリスナーを追加して、イベントが発火された時に呼び出されるハンドラー関数を指定する必要があります。

element.addEventListener("touchstart", handleStart, false);
 element.addEventListener("touchcancel", handleCancel, false);
 element.addEventListener("touchend", handleEnd, false);
 element.addEventListener("touchmove", handleMove, false);
-

where element is the DOM element you want to register the touch events on.

+

ここでの element は、あなたがタッチイベントを登録したい DOM 要素です。

-

注: For further information about what you can do with touch events, please read our touch events guide.

+

注: タッチイベントでできることについての更なる情報は、タッチイベントガイドを読んでください。

ポインターイベント

@@ -163,8 +163,8 @@ if (elem.requestFullscreen) {

例

-
Tracking multiple touch points at a time
-
This example tracks multiple touch points at a time, allowing the user to draw in a {{htmlelement("canvas")}} with more than one finger at a time. It will only work on a browser that supports touch events.
+
複数のタッチポイントを同時に追跡する
+
この例は一度に複数のタッチ箇所を追跡しており、ユーザーは {{htmlelement("canvas")}} の中で一本以上の指で同時に描くことができます。タッチイベントをサポートしているブラウザーでのみ動きます。
シンプルなポインターロックデモ
シンプルなコントロールシステムをセットアップするためのポインターロックの使い方を紹介するために、シンプルなポインターロックデモを記載しています。このデモでは {{htmlelement("canvas")}} 要素の中にボールを描くために JavaScript を使っています。canvas をクリックすると、ポインターロックはその後、マウスポインターの除去と直接マウスを使ってボールを移動させるために利用されます。
コンテンツを編集可能にするデモ
-- cgit v1.2.3-54-g00ecf