Angular 项目中的移动键盘“Go”按钮问题

Question

我在 Angular 项目中遇到了与移动键盘上的“Go”按钮相关的问题。在桌面版本中，一切正常，但在移动设备上，触摸放大镜图标启动搜索后，按“Go”按钮不会按预期关闭（消失）键盘。相反，我被迫使用移动设备上的标准后退按钮。

我在研究过程中尝试了以下建议的代码，甚至询问了 Chat GPT：

onInput(event: any) {
  if (event.key === 'Enter' || event.keyCode === 13) {
    let searchElement = document.getElementById('searchInputId');
    if(searchElement)
    searchElement.blur();
  }
}

但是，问题仍然存在。您有任何见解或替代解决方案来解决这个问题吗？

预先感谢您的帮助！

Answer 1

不要对输入元素使用 (input) 方法，而是使用 (keydown) 方法，并且相同的代码也可以工作