如何允许 HTML/Javascript 中自定义控件上的选项卡 (Aurelia)
How to allow tab on a custom control in HTML/Javascript (Aurelia)
我在 Aurelia 中创建了一个自定义控件，它只是一个由 div 组成的视觉对象（没有实际的输入控件）。当我浏览表单时，当标签降落在我的自定义控件上时，我想调用一个函数来做事，但是它不会落在其上，因为它不是输入。如何让选项卡落在我的自定义控件上？
这通常也适用于 Angular 和 HTML。
如果您希望用户在某些东西上使用 Tab 键，您应该首先考虑使用 div 之外的其他元素作为所述元素（也许是按钮？）。
但是，如果您确实需要使用 div，您可以向其添加 tabindex="0"：
<div class="custom-control" tabindex="0"></div>
有关 tabindex 属性的更多信息 here
我在 Aurelia 中创建了一个自定义控件，它只是一个由 div 组成的视觉对象（没有实际的输入控件）。当我浏览表单时，当标签降落在我的自定义控件上时，我想调用一个函数来做事，但是它不会落在其上，因为它不是输入。如何让选项卡落在我的自定义控件上？
这通常也适用于 Angular 和 HTML。
如果您希望用户在某些东西上使用 Tab 键，您应该首先考虑使用 div 之外的其他元素作为所述元素（也许是按钮？）。
但是，如果您确实需要使用 div，您可以向其添加 tabindex="0"：
<div class="custom-control" tabindex="0"></div>
有关 tabindex 属性的更多信息 here