Nape Pro 機能テストデモ

ブラウザ検出中...
Keychron Nape Pro
入力イベント検証ツール

① 縦スクロール検証 wheel deltaY

方向: 待機中
ロータリーダイヤルで縦スクロール → 連番テキストが流れたら正常。deltaMode 自動正規化済み(px / 行 / ページ)。

② 横スクロール検証 wheel deltaX

方向: 待機中
横スクロール割当ボタン → 連番カラムが横に流れたら正常。deltaX=0 の場合は deltaY をフォールバック使用。

③ クリック検証 mousedown button=0/1/2

左クリック
0
button=0
中クリック(色変化)
button=1
右クリック
0
待機中...
button=2
右クリックのコンテキストメニューはページ全体で抑制済み。

④ サイドボタン検証 button=3/4 + auxclick + popstate

戻るボタン (button=3)
待機中...
進むボタン (button=4)
待機中...
popstate(ブラウザ遷移検知)
待機中...
Chrome/Brave: button=3/4 を検知して preventDefault。Safari: 抑制不可のため popstate で遷移を記録 → 自動で履歴を再積みして吸収。

⑤ カーソル/トラックボール軌跡 pointermove

キャンバス内でトラックボールを動かすと軌跡が表示される。新しい軌跡ほど明るい。

⑥ 押下時間ゲージ mousedown → mouseup 差分計測

200ms
ZMK閾値目安
ボタンを押してください
赤線(200ms)を超えたら Hold、以下なら Tap と ZMK が判定する目安。実際の閾値はファームウェア設定による。

⑦ ドラッグ&ドロップ pointerdown → move → up

カード
ここをドラッグ
ここにドロップ
pointer events ベース実装(draggable API 非使用)。トラックボールでの操作を想定。

⑧ ショートカット検証 keydown

このテキスト欄は実際に編集可能です。Ctrl+C / Ctrl+V / Ctrl+Z などを試してください。
キーを押してください
Ctrl+C/V/Z はテキスト欄内で実動作。OS レベルショートカット(Alt+Tab / Win+D 等)はブラウザに届かないため検知不可(スコープ外)。

⑨ イベントログ 全操作の時系列記録