📜  离子-Javascript键盘

📅  最后修改于: 2020-12-08 05:06:02             🧑  作者: Mango


键盘是Ionic的自动功能之一。这意味着Ionic可以识别何时需要打开键盘。

使用键盘

有一些功能,开发人员可以在使用Ionic键盘时进行调整。如果要在打开键盘的同时隐藏某些元素,可以使用hide-on-keyboard-open类。为了向您展示这是如何工作的,我们创建了输入和按钮,它们在键盘打开时需要隐藏。




上面的代码将产生以下屏幕-

离子键盘按钮

现在,当我们点击输入字段时,键盘将自动打开,并且按钮将变为隐藏状态。

离子键盘

Ionic的一个不错的功能是它将调整屏幕上的元素,因此在打开键盘时始终可以看到聚焦的元素。下图显示了十个输入形式,最后一个是蓝色。

离子键盘错误

当我们点击蓝色表格时,Ionic将调整我们的屏幕,因此蓝色表格始终可见。

离子键盘True

注意-仅当屏幕在具有Scroll View的指令中时,此方法才有效。如果从Ionic模板之一开始,您会注意到所有模板都使用ion-content指令作为其他屏幕元素的容器,因此始终应用“滚动视图”。