如何在HTML/Javascript（Aurelia）中允许自定义控件上的选项卡

我在Aurelia中创建了一个自定义控件，它只是一个由div组成的可视化控件（没有实际的输入控件）。当我在表单中进行制表时，我希望在制表符位于自定义控件上时调用一个函数来执行操作，但由于它不是一个输入，所以它不会位于自定义控件上。如何使选项卡落在自定义控件上

---

这通常也适用于Angular和HTML。

如果您希望用户在某个内容上使用tab键，您应该首先考虑为所述元素（可能是按钮？）使用除

div

以外的其他元素

但是，如果确实需要使用

div

，则可以向其添加

tabindex=“0”

：

<div class="custom-control" tabindex="0"></div>

有关

选项卡index

属性的详细信息