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

ALright找到了修复！对于那些在场的所有人，他们正在使用离子来进行类似应用的聊天，并希望键盘在点击按钮后保持专注，

只需将标签替换为带有=＆＃34; inputID＆＃34;的标签。像这样：

<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>

Answer 2

尝试通过它的cordova插件强制键盘打开 https://github.com/ionic-team/ionic-plugin-keyboard#keyboardshow

Answer 3

只使用（mousedown）=“ sentMessage（）; $ event.preventDefault（）”

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

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

3 个答案: