ユーザーが入力デバイスを操作する方法 (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 キー | なし |
操作のフィードバック | ||||
タッチの視覚エフェクト | カーソルの移動、カーソルの変化 | カーソルの移動、カーソルの変化 | フォーカス用の四角形 | ペンの視覚エフェクト |
関連トピック
概念
辞書/リファレンス
サンプル (DOM)
HTML のスクロール、パン、ズームのサンプルに関するページ
入力: DOM ポインター イベント処理のサンプルに関するページ
入力: インスタンス化できるジェスチャのサンプルに関するページ
サンプル (Windows ストア アプリ API)
入力: 操作とジェスチャ (JavaScript) のサンプルに関するページ
入力: Windows 8 のジェスチャのサンプルに関するページ
入力: XAML ユーザー入力イベントのサンプルに関するページ
XAML のスクロール、パン、ズームのサンプルに関するページ
サンプル (DirectX)