Lit Web Component 模板中如何绑定键盘事件

Question

我有一个 Lit Web 组件，其中包含一个带有单击事件的按钮。简化后，它看起来像这样：

<button @click=${props.onClick}>
    <!-- button content -->
</button>

onClick 函数在鼠标单击时触发，甚至在按空格键时触发（当按钮通过键盘聚焦时）。
但是，我也希望在按下键盘上的 Enter/Return 键时触发此逻辑（而按钮被聚焦）。我找不到将键盘事件绑定到模板的方法。在 Angular 中，我只能添加以下内容：

(keydown.enter)="myLogic()"

，但这似乎在这里不起作用。

为了添加上下文，Lit Web 组件包含的项目不仅仅是此按钮。

有关将键盘事件绑定到 Lit Web 组件模板的任何信息吗？

Answer 1

这就像添加

click

<button @keydown=${doSomething}>
    <!-- button content -->
</button>