我在Aurelia中创建了一个自定义控件,它只是一个由div组成的视觉对象(没有实际的输入控件(。当我按 Tab 键浏览窗体时,我想调用一个函数来执行操作,当选项卡落在我的自定义控件上时,它不会落在它上面,因为它不是输入。如何让选项卡登陆我的自定义控件?
这也适用于一般的 Angular 和 HTML。
如果您希望用户按 Tab 键访问某些内容,您应该首先考虑使用除 div
以外的其他元素来表示该元素(也许是一个按钮?
但是,如果您确实需要使用div
则可以向其添加tabindex="0"
:
<div class="custom-control" tabindex="0"></div>
有关tabindex
属性的更多信息,请单击此处