Android 和 iOS 设备上的 Ionic 5 中无法关闭键盘答案

【问题标题】：Can't Dismiss Keyboard in Ionic 5 on Android and iOS DevicesAndroid 和 iOS 设备上的 Ionic 5 中无法关闭键盘
【发布时间】：2021-01-12 19:42:19
【问题描述】：

您好，我正在尝试使用 Ionic 5 平台/Angular 关闭/隐藏 iOS 和 Android 设备上的键盘。

我尝试过使用keydown.enter 和keyup.enter 和keypress，但没有成功。虽然它可能会在一台设备上正确关闭。

例如，如果我使用keydown.enter 隐藏键盘。

iOS

如果输入中的文本具有焦点，则此方法有效。但如果输入中没有文本，它不会关闭。

安卓

如果输入中没有具有焦点的文本，则此方法有效。但是，如果输入中有 IS 文本，则它不起作用。

<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，这会导致非常奇怪的问题，并在我单击 UI 时随机弹出键盘。

这似乎是一个非常常见的情况。不知道为什么证明如此具有挑战性。

【问题讨论】：

标签： angular ionic-framework keyboard

【解决方案1】：

为什么要在按键时关闭键盘？

如果必须这样做，请尝试以下操作：在输入字段/窗口上的按键事件时，将注意力集中在其他一些元素上，例如按钮或将自动关闭键盘的文本。

请同时考虑与可访问性相关的问题。

【讨论】：