Блог

Здравствуйте, я пытаюсь отключить / скрыть клавиатуру на устройствах iOS и Android, используя платформу Ionic 5 / Angular.

Я пробовал использовать keydown.enter and keyup.enter и keypress безуспешно. Хотя он может корректно отключаться на одном устройстве.

Например, если я использую keydown.enter , чтобы скрыть клавиатуру.

iOS

• Это работает, если во вводе есть текст с фокусом. Но если во вводе нет текста, он не отключается.

Android

• Это работает, если во вводе нет текста с фокусом. Но если на входе есть текст, он не работает.

 <ion-searchbar #searchBar 
  autocomplete="on" 
  inputmode="search" 
  showCancelButton="never" 
  debounce="500" type="text" 
  placeholder="{{searchPlaceholder}}" 
  [(ngModel)]="search"
  (ionChange)="handleSearchInput($event)" 
  (keydown.enter)="handleKeyPress($event)"
>
</ion-searchbar>
 

Я также пробовал window:keydown , что вызывает действительно странные проблемы и случайным образом вызывает клавиатуру, когда я нажимаю на пользовательский интерфейс.

Это похоже на действительно распространенный сценарий. Не уверен, почему это так сложно.

Почему вы хотите закрыть клавиатуру при нажатии клавиши?

Если это необходимо сделать, попробуйте следующее: при событии нажатия клавиши в поле / окне ввода сосредоточьтесь на каком-либо другом элементе, таком как кнопка или текст, который автоматически закроет клавиатуру.

Пожалуйста, также учитывайте проблемы, связанные с доступом.