如何在自动对焦中隐藏离子键盘

Posted 2023-03-15

【中文标题】如何在自动对焦中隐藏离子键盘

【英文标题】：How to hide ionic keyboard in Auto focus

【发布时间】：2018-04-20 13:50:17

【问题描述】：

我正在使用 Ionic 3 和 Angular 5。我有一个自动对焦的文本区域。 问题是，我不想在自动对焦中显示键盘。如何在自动对焦中隐藏键盘。 这是我的代码。

 setTimeout(() => 
  this.myInput.setFocus();
,1000);

此代码用于自动对焦。

<ion-textarea style="color:red; opacity: 0;" #input id="myInput" rows="1" maxLength="500"  [(ngModel)]="details" (ionChange)="Scan($event)" ></ion-textarea>

这是 html 代码 请帮帮我。 谢谢

【参考方案1】：

您可以使用此代码隐藏键盘

import  Keyboard  from '@ionic-native/keyboard';

constructor(private keyboard: Keyboard)  

...

this.keyboard.show();

this.keyboard.close();

【讨论】：

不幸的是，当运行this.keyboard.close() 时，它失去了输入字段的焦点

对.. 但随后键盘弹出。没有办法在保持键盘关闭的同时集中输入？这就是 OP 所描述的，也是我试图解决的问题。 >我不想在自动对焦中显示键盘

@thefoyer 你有没有找到任何解决方案来在关注输入字段的同时隐藏关键字？