Keyboard Support Test Page

📋 Configured Shortcuts (with HTMX options)

Simple keys:

a - Simple key A (POST to /test/key-a)
esc - Escape key (POST)

Simultaneous combinations with HTMX options:

Ctrl+S - Save (POST with swap: innerHTML)
Ctrl+C - Copy (POST with target: #result, swap: outerHTML)

Sequences with various configs:

A B - Sequence (POST with extra values: {"extra": "data"})
A B C - Triple sequence (GET request)
shift shift - Press Shift twice in sequence

Complex:

Ctrl+C C - Ctrl+C then C alone
Ctrl+C Ctrl+C - Ctrl+C twice

Tip: Check the log to see how HTMX options (target, swap, extra values) are passed!

Test Input (typing should work normally here)

Parameters Explained:
• has_focus: Whether the registered element itself has focus
• is_inside: Whether the focus is on the registered element or any of its children
Example: If focus is on this input and its parent div is registered, has_focus=false but is_inside=true

Test Element 1

Click me to focus, then try keyboard shortcuts

Test Element 2 (also listens to ESC and Shift Shift)

This element also responds to ESC and Shift Shift

Event Log