在这个示例中,我们展示了如何为一个操作创建键盘快捷键。
我们从一个简单的按钮开始,它从服务器加载一些内容:
<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