在這個範例中,我們將展示如何為一個動作建立鍵盤快捷鍵。
我們從一個簡單的按鈕開始,它會從伺服器載入一些內容
<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.dev.org.tw/keyboard-events