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

Question

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

我试过使用keydown.enterand没有运气keyup.enter。keypress虽然它可能会在一台设备上正确关闭。

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

iOS

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

安卓

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

<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 时随机弹出键盘。

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

标签： angularionic-frameworkkeyboard

Answer 1

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

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

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