この例では、アクションのためのキーボード ショートカットを作成する方法を説明します。
サーバーからコンテンツを読み込む簡単なボタンで始めましょう
<button class="btn primary" hx-trigger="click, keyup[altKey&&shiftKey&&key=='D'] from:body"
hx-post="/doit">Do It! (alt-shift-D)</button>
ボタンは通常の click イベントだけでなく、alt-shift-D が押されたときの keyup イベントにも反応します。from: 修飾子は body 要素の keyup イベントをリッスンするために使用され、それにより 「グローバル」キーボード ショートカットになります。
下のデモはボタンをクリックするか、alt-shift-D を押してトリガーできます。
特定のキーボード ショートカットに必要な条件は、こちらで確認できます。
https://javascriptinfo.dokyumento.jp/keyboard-events