键盘快捷键

本示例展示如何为操作创建键盘快捷键。

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

<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

服务器请求 ↑ 显示

🔗演示