单击按钮时在 Ionic 上保持键盘打开（聊天应用程序）

Question

我有一个 Ionic v1 聊天应用程序，我制作了所有内容，但是在单击发送按钮（发送聊天）时遇到了著名的问题，键盘从输入中失去焦点然后关闭。

我尝试了很多方法，但它们都不起作用：

• 输入指令以保持焦点，
• 强制关注点击事件，
• 将 config.xml 中 InputUserAction 的值修改为 false。

任何帮助深表感谢。

<div class="sender">
<input type="text" ng-model="..." class="...">
<div class="button-send">
<span class="send-chat"><i class="ion ion-send"></i></span>
</div>
</div>

Answer 1

只需使用 (mousedown)="sentMessage(); $event.preventDefault()"

<ion-button (mousedown)="sentMessage(); $event.preventDefault()">
      <ion-icon ios="ios-send" md="md-send"></ion-icon>
</ion-button>

Answer 2

好吧，找到修复方法了！对于所有使用 ionic 进行聊天之类的应用程序并希望键盘在单击按钮后保持焦点的人，

只需将按钮替换为带有 for="inputID" 的标签，如下所示：

<div class="sender">
<input id="inputID" type="text" ng-model="..." class="...">
<div class="button-send">
<label for="inputID" class="send-chat"><i class="ion ion-send"></i></label>
</div>
</div>