Щелчок правой кнопкой мыши в новой вкладке недоступен на роутере. Ссылка внутри тега div

Question

У меня есть элемент div или tr, и на нем есть ссылка на маршрутизатор.

Поскольку это не тег a, нет возможности щелкнуть правой кнопкой мыши и «открыть».в новой вкладке "или нажмите +, чтобы открыть в новой вкладке.

Но я хочу добиться этой функции, поэтому, если пользователь хочет открыть ссылку в новой вкладке, он может сделать это, как описано.Я не могу изменить свой tr в тег.

Есть ли возможность получить эту функцию "открыть в новой вкладке" без тега a?

Answer 1

Нет, только ссылки имеют атрибут href.

Оттуда, два варианта:

• Создать ссылку на лету
• добавить ссылку как прямой потомок вашего элемента

Создать ссылку на лету:

<tr (click)="inNewTab()">

inNewTab() {
  const link = document.createElement('a');
  link.href = '';
  link.target = '_blank';
  link.click();
  link.remove();
}

Использовать ссылку в качестве прямого элемента:

<tr>
  <a href="" target="_blank">...</a>
</tr>

tr > a[target="_blank"] {
  display: block;
  height: 100%;
  width: 100%;
}