logo

トラックパッド / マウスジェスチャー検出

全画面でスワイプ、ズーム、タップ操作を確認できるトラックパッド検出ツールです。

トラックパッドジェスチャー検出

100%

トラックパッドジェスチャー色ガイド

マウス移動軌跡
左クリック(1本指押下)
右クリック(2本指押下)
中クリック(3本指押下)
ホイールズーム(2本指ズーム)

キャンバスでトラックパッドジェスチャーテストを実行

軌跡ポイント: 0

ストローク: 0

現在のストローク: 0
ズーム: 100%
ドラッグ: (0, 0)
準備完了
🔍 デバッグ情報
現在のジェスチャー: なし
検出ステータス: 準備完了
タッチサポート: いいえ
ポインターサポート: いいえ
マウス移動軌跡
0
左クリック
0
右クリック
0
中クリック
0
ホイールズーム
0

トラックパッドジェスチャーテストガイド:

• マウス移動軌跡：マウス移動:トラックパッド上でマウスを移動(薄い青の軌跡)

• 左クリック：左クリック:左ボタンをクリックしてドラッグ(濃い青の軌跡)

• 右クリック：右クリック:右ボタンをクリックしてドラッグ(緑の軌跡)

• 右ドラッグ：右ドラッグ:右ボタンを押し続けてドラッグ(緑の軌跡)

• 中クリック：中クリック:中ボタンをクリックしてドラッグ(黄色の軌跡)

• ホイールズーム：ホイールズーム:Ctrl+ホイールまたは2本指ズーム(紫の軌跡)

💡 実際のテスト方法:

• マウス移動軌跡：マウス移動:トラックパッド上でマウスを移動(薄い青の軌跡)

• 右クリック：右クリック:右ボタンをクリックしてドラッグ(緑の軌跡)

• 右ドラッグ：右ドラッグ:右ボタンを押し続けてドラッグ(緑の軌跡)

• 中クリック：中クリック:中ボタンをクリックしてドラッグ(黄色の軌跡)

• ホイールズーム：ホイールズーム:Ctrl+ホイールまたは2本指ズーム(紫の軌跡)

• コンソールログとデバッグパネルを観察して検出の詳細を確認

青い点線のフレームが描画可能エリアで、トラックパッドジェスチャー認識をサポートします。

不具合は設定かハードウェアか？

一本指移動、二本指スクロール、複数指ジェスチャーを分けて試してください。特定の操作だけ失敗するなら設定の影響が大きく、どこでもカーソルが乱れるならハードウェア摩耗の可能性が高まります。

このツールは、トラックパッドのスライド操作やジェスチャー認識の状態をすばやく確認するためのものです。ページ全体を検出領域として使えるため、上下左右のスワイプ、ズーム、複数指ジェスチャーなどを実際の使用に近い条件で試せます。
- 全画面でジェスチャーを検出 - 入力の軌跡をリアルタイムで表示 - ジェスチャー状態と中断を即時監視 - 操作履歴と時刻を記録 - スワイプ、ズーム、複数指操作の確認に対応
1. ページ上でトラックパッドやマウスを操作します。 2. 上下左右のスワイプを順番に試します。 3. 二本指スクロールやズームも試します。 4. タップや複数指ジェスチャーの反応を確認します。 5. 反応しない操作があればリセットして再確認します。
touchstart、touchmove、touchend、wheel などのイベントを追跡し、Canvas 2D 上に軌跡を描画して反応を可視化します。ブラウザに届いた入力だけを使うため、OS 側で奪われるジェスチャーは検出されない場合があります。
オフィス機器の点検
Q: なぜ全画面で検出するのですか？ A: トラックパッド操作は広い領域で確認した方が再現しやすく、小さなテスト枠より途中で動作を切りにくいからです。 Q: どんなジェスチャーに対応していますか？ A: 上下左右の基本スワイプ、複数指タップ、ズームやスクロールなど、端末と OS がブラウザに渡す入力を確認できます。 Q: ジェスチャーが反応しないのはなぜですか？ A: デスクトップ切り替えなど一部の操作は OS が先に処理するため、ブラウザまで届かないことがあります。 Q: Windows Precision と macOS の両方で使えますか？ A: はい。ただし OS とブラウザでイベントの扱いが異なるため、必要なら Chrome と Edge または Safari を比較してください。 Q: データは送信されますか？ A: いいえ。入力イベントはブラウザ内でローカル処理されます。