Как я могу сфокусировать ввод только для чтения?

Question

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

<mat-form-field>
    <input matInput [matDatepicker]="dp3" placeholder="Input disabled" disabled>
    <mat-datepicker-toggle matSuffix [for]="dp3"></mat-datepicker-toggle>
    <mat-datepicker #dp3 disabled="false"></mat-datepicker>
  </mat-form-field>

Answer 1

Попробуйте добавить tabindex = "- 1", и если это не сработает, оберните его в span с tabindex = "- 1" и вызовите focus () для span.Технически вы не будете фокусировать вход, но сфокусированный диапазон создаст иллюзию того, что он находится в фокусе.

Вот демонстрация StackBlitz https://stackblitz.com/edit/angular-uaprbt