鍵盤快捷鍵

在這個範例中,我們將展示如何為一個動作建立鍵盤快捷鍵。

我們從一個簡單的按鈕開始,它會從伺服器載入一些內容

<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

伺服器請求 ↑ 顯示

🔗演示