键盘快捷键

在这个示例中,我们展示了如何为一个操作创建键盘快捷键。

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

<button class="btn primary" hx-trigger="click, keyup[altKey&&shiftKey&&key=='D'] from:body"
        hx-post="/doit">执行它! (alt-shift-D)</button>

注意,该按钮响应 click 事件(像往常一样),以及当按下 alt-shift-D 时 keyup 事件。 from: 修饰符用于在 body 元素上监听 keyup 事件,从而使其成为一个“全局”键盘快捷键。

您可以通过点击下面的按钮,或按 alt-shift-D 来触发演示。

您可以在这里找到给定键盘快捷键所需的条件:

https://javascript.info/keyboard-events

Server Requests ↑ Show

🔗Demo