键盘快捷键
在此示例中,我们展示了如何为某个操作创建键盘快捷键。
我们从一个简单的按钮开始,从服务器加载一些内容:
<button class="btn primary" hx-trigger="click, keyup[altKey&&shiftKey&&key=='D'] from:body"
hx-post="/doit">Do It! (alt-shift-D)</button>
请注意,按钮在按下 alt-shift-D 时通常会响应 click 事件和 keyup 事件。修饰符 from: 用于监听 body 元素上的 keyup 事件,从而使其成为“全局”键盘快捷键。
你可以通过单击按钮或按 alt-shift-D 来触发下面的演示。
你可以在这里找到给定键盘快捷键的说明: