在Ionic中的附件栏中添加键盘隐藏按钮

Question

我使用Ionic框架创建我的应用程序，并使用许多带有模态框的表单。为了在字段之间移动，用户通常会点击没有图像的空白处，但这可能会导致意外行为。

我想要一个按钮来隐藏键盘，就像下面的图片一样。

- Taylorsuk

Answer 1

如果您正在使用Cordova，您可以首先安装此插件。

cordova plugin add com.ionic.keyboard

然后，在您的回调函数中，触发

cordova.plugins.Keyboard.close();

关于在键盘上方附加元素的一些信息。

keyboard-attach是一个属性指令，它会使一个元素在键盘出现时浮动在键盘上方。目前仅支持ion-footer-bar指令。

在iOS上，如果您的页脚中有输入内容，则需要设置

cordova.plugins.Keyboard.disableScroll(true)

使用方法

<ion-footer-bar align-title="left" keyboard-attach class="bar-assertive">
    <h1 class="title">Title!</h1>
</ion-footer-bar>

- Eugene J. Lee

---

我正在使用Ionic的键盘。我该如何定位一个按钮在这个区域，并将一个函数附加到它上面？ - Taylorsuk

大多数用户可能会点击单词“完成”，因为这是他们通常使用的。这不是你想要的吗？ - Eugene J. Lee

这不是我在我的原始帖子中要求的方式。页脚并没有正确地放置在键盘的顶部，它确实上移了，但它并没有给出期望的结果！ - Taylorsuk