离子键盘关闭未触发

Question

当用户在应用程序上滚动时，我正在尝试关闭键盘。这是代码：

。.html

<ion-content class="maincontent" (ionScrollStart)="scrollStart()">
<router-outlet></router-outlet>
</ion-content>

.ts

scrollStart() {
Keyboard.close();
}

事件ionScrollStart工作正常，我添加了正确的依赖项以使键盘正常工作。有什么想法吗？

Answer 1

安装插件

ionic cordova plugin add ionic-plugin-keyboard
npm install --save @ionic-native/keyboard

添加app.module.ts

import { Keyboard } from '@ionic-native/keyboard';
@NgModule({
...
providers: [
...
Keyboard
...
]
...
})

在 TS 中使用：

import { Keyboard } from '@ionic-native/keyboard';
constructor(private keyboard: Keyboard) { }
scrollStart() {
this.keyboard.close();
}

查看文档

Answer 2

键盘插件在离子中工作(至少是免费版本(。

要获取键盘打开/关闭事件，请执行以下操作：

import {NgZone} from '@angular/core';
public IsKeyboardOpen:boolean=false;
constructor(public ngZ:NgZone)
{
var innerHeight=window.innerHeight;
window.onresize = (e) =>
{
this.ngZ.run(() => 
{
if(window.innerHeight< innerHeight)
{
this.IsKeyboardOpen=true;
}
else
{
this.IsKeyboardOpen=false;
}
});
};
}

要关闭软键盘，请将焦点集中在任何其他未输入的元素上，如下所示：

func()
{
this.myButton.setFocus();
}

Answer 3

在页面constructor中包含public keyboard: Keyboard。 然后你可以打电话给this.keyboard.close();.

Answer 4

我有同样的错误，我能想到的解释是keyboard.close((事件现在已经更改为keyboard.hide((