Как разрешить вкладку на пользовательский элемент управления в HTML/Javascript (Aurelia)

Question

Я создал пользовательский элемент управления в Aurelia, который представляет собой просто визуальный элемент, состоящий из элементов div (без фактических элементов управления вводом). Когда я вкладываю вкладку в форму, я хотел бы вызвать функцию для выполнения каких-либо действий, когда вкладка попадает в мой пользовательский элемент управления, но не попадает на нее, поскольку она не является вводом. Как мне получить вкладку, чтобы попасть на мой пользовательский элемент управления?

Это также относится к Angular и HTML в целом.

Answer 1

Если вы хотите, чтобы пользователь что-то вкладывал, вам следует сначала изучить использование других элементов, кроме divэто для указанного элемента (может быть кнопка?).

Тем не менее, если вам нужно использовать div можете добавить tabindex="0" к нему:

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

Больше информации на tabindex приписывать здесь