离子插件键盘不工作答案

【问题标题】：ionic-plugin-keyboard not working离子插件键盘不工作
【发布时间】：2016-04-27 07:13:59
【问题描述】：

我正在使用 PhoneGap 创建一个新应用。我需要使用键盘事件，但我无法让它们工作。我只在 Android 设备上进行测试。

我已阅读有关它的所有其他问题，但建议的解决方案都不适合我。我创建了一个非常简单的项目，现在试图解决这个特定问题。

这个想法是：我有一个输入框。当设备准备好时，我改变了盒子的颜色（这有效）。当我点击输入并显示键盘时，我想更改框的颜色，当我关闭键盘时，我想再次更改颜色。

我的html

        <head>
           <meta charset="utf-8" />
           <meta name="format-detection" content="telephone=no" />
           <meta name="msapplication-tap-highlight" content="no" />

           <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

           <link rel="stylesheet" type="text/css" href="css/index.css" />
           <link rel="stylesheet" type="text/css" href="css/style.css" />

           <script type="text/javascript" charset="utf-8" src="cordova.js"></script>

        </head>

        <body>

                <form><input type="number" name="amount"></form>
                <div id="box"></div>


                <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
                <script type="text/javascript" src="js/index.js"></script>
                <script type="text/javascript" src="js/main.js"></script>


                <script type="text/javascript">app.initialize();
                </script>
            </body>

这是我的 main.js。 deviceready 事件在我的设备上正常工作并更改框的颜色。但没有关于 hidekeyboard 和 showkeyboard

 if (navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/)) {
        document.addEventListener("deviceready", onDeviceReady, false);
    } else {
        onDeviceReady();}

 function onDeviceReady(){
        $('#box').css({'background-color': 'red'}); 
        document.addEventListener("hidekeyboard", onHide, false);
        document.addEventListener("showkeyboard", onShow, false);}

 function onHide() {
        $('#box').css({'background-color': 'green'});  }

 function onShow() {
        $('#box').css({'background-color': 'black'}); }

我在 config.xml 中添加了这一行：

<plugin name="com.ionic.keyboard" source="pgb" />

我也尝试在 index.html 中添加代码，但我删除了它，因为它不起作用。

提前致谢！

【问题讨论】：

标签： cordova phonegap-plugins cordova-plugins

【解决方案1】：

代替你的keyboardhide和keyboardshow eventListeners

试试

native.keyboardshow native.keyboardhide

【讨论】：