ユーザーが入力デバイスを操作する方法 (HTML)

[ この記事は、Windows ランタイム アプリを作成する Windows 8.x および Windows Phone 8.x 開発者を対象としています。Windows 10 向けの開発を行っている場合は、「最新のドキュメント」をご覧ください]

以下に、一般的な対話的操作と、それらが Windows 8.1 のタッチ、タッチパッド、マウス、キーボード、ペン、スタイラスのジェスチャにどのように対応しているかを示します。

この機能の実際の使い方については「アプリの機能の概要」シリーズの次のトピックをご覧ください: ユーザー操作: タッチ入力、その他

操作とデバイス

Windows 8.1 では、タッチからキーボードまで、さまざまな入力デバイスをサポートしています。また、各デバイスに固有でありながら機能的にはすべてのデバイスとデバイス モード (タッチ キーボード、マウス ホイール、ペンの消しゴムなど) で一貫性がある、直観的で効率的な対話式操作のエクスペリエンスを提供しています。

タッチに対応した Windows ストア アプリの UI を設計します。ただし、さまざまなデバイスに対する設計上の影響を検討してください。

  • タッチとマウスのエクスペリエンスを組み合わせるタッチパッド
  • マウス
  • デジタル インク操作に特化したペン/スタイラス
  • テキストの編集やコマンドのショートカット用のキーボード デバイス
タッチタッチパッドマウスキーボード (ハードウェア)ペン/スタイラス
選択
スクロール方向とは逆にスワイプ (「クロススライドのガイドライン」をご覧ください)マルチ タップ右クリック Space キースクロール方向とは逆にスワイプ (「クロススライドのガイドライン」をご覧ください)
アプリ バーの表示
上端または下端からスワイプ上端または下端からスワイプ右クリック Windows ロゴ キー + Z、メニュー キー上端または下端からスワイプ
チャームの表示
右端からのスワイプ右端からのスワイプ上または下の右隅をホバーWindows ロゴ キー + C右端からのスワイプ
ショートカット メニュー
選択したテキストをタップして長押し選択したテキストを 2 本指でタップして長押し右クリック メニュー キー選択したテキストをタップして長押し
起動/アクティブ化
タップタップ左クリック Enterタップ
短距離のスクロール
スライド2 本の指でスライドスクロール バー、方向キー、左クリックしてスライド 方向キースクロール バー
長距離のスクロール
スライド (慣性込み) 2 本指でスライド (慣性込み) スクロール バー、マウス ホイール、左クリックしてスライド PageUp キー、PageDown キースクロール バー
並べ替え (ドラッグ)
距離のしきい値を超えてスクロール方向とは逆にスライド (「クロススライドのガイドライン」をご覧ください)押して、そのままスライド左クリックしてスライド Ctrl + C または Ctrl + X、Ctrl + V距離のしきい値を超えてスクロール方向とは逆にスライド (「クロススライドのガイドライン」をご覧ください)
ズーム
ピンチ、ストレッチピンチ、ストレッチマウス ホイール、Ctrl + マウス ホイール、UI コマンドCtrl + 正符号 (+) キーまたはマイナス記号 (-) キーUI コマンド
回転
回転回転Ctrl + Shift + マウス ホイール、UI コマンドCtrl + 正符号 (+) キーまたはマイナス記号 (-) キーUI コマンド
カーソルの挿入/テキストの選択
タップ、グリッパーのタップタップ左クリックしてスライド、ダブルクリック方向キー、Shift + 方向キー、Ctrl + 方向キーなどタップ、グリッパーのタップ
詳細
長押し長押しホバー (時間のしきい値あり)フォーカス用の四角形の移動 (時間のしきい値あり)長押し
フォーカスの移動
なし なし なし 方向キー、Tab キーなし
操作のフィードバック
タッチの視覚エフェクトカーソルの移動、カーソルの変化カーソルの移動、カーソルの変化フォーカス用の四角形ペンの視覚エフェクト

 

関連トピック

概念

ユーザー操作への応答

タッチ操作の設計

辞書/リファレンス

Windows.UI.Core

Windows.UI.Input

Windows.UI.Xaml.Input

サンプル (DOM)

HTML のスクロール、パン、ズームのサンプルに関するページ

入力: DOM ポインター イベント処理のサンプルに関するページ

入力: インスタンス化できるジェスチャのサンプルに関するページ

サンプル (Windows ストア アプリ API)

入力: 操作とジェスチャ (JavaScript) のサンプルに関するページ

入力: Windows 8 のジェスチャのサンプルに関するページ

入力: XAML ユーザー入力イベントのサンプルに関するページ

XAML のスクロール、パン、ズームのサンプルに関するページ

サンプル (DirectX)

DirectX タッチ入力のサンプル

入力: 操作とジェスチャ (C++) のサンプルに関するページ