键盘快捷键

在本例中，我们展示了如何为操作创建键盘快捷键。

我们从一个简单的按钮开始，它从服务器加载一些内容。

<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://javascript.js.cn/keyboard-events

🔗演示