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