Geek asks and answers

Hide soft keyboard when blurring in phone

I have a PhoneGap application, it works correctly. The only thing that bothers me is how PhoneGap handles the soft keyboard; it does not hide when the input is blurry. It does this on iOS, but it even stays on when a new page loads in Android.

I looked at this: http://wiki.phonegap.com/w/page/27915465/How%20to%20show%20and%20hide%20soft%20keyboard%20in%20Android

and this: https://github.com/phonegap/phonegap-plugins/tree/master/Android/SoftKeyboard

but they both didn't work for me, any ideas?

Regards, Erik

+5
source share
3 answers

, , ( ​​ ):

$("#eingabe").blur(); //for ios
var softkeyboard = window.cordova.plugins.SoftKeyBoard;
softkeyboard.hide();

, Cordova 2.0.0 ( ) ( Phonegap < 2.0).

(, ):

softkeyboard.js

cordova.plugins = cordova.plugins || {};

cordova.plugins.SoftKeyBoard = {
show: function (win, fail) {
    return cordova.exec(
        function (args) { if (win !== undefined) { win(args); } },
        function (args) { if (fail !== undefined) { fail(args); } },
        'SoftKeyBoard', 'show', []
    );
},

hide: function (win, fail) {
    return cordova.exec(
        function (args) { if (win !== undefined) { win(args); } },
        function (args) { if (fail !== undefined) { fail(args); } },
        'SoftKeyBoard', 'hide', []
    );
},

isShowing: function (win, fail) {
    return cordova.exec(
        function (args) { if (win !== undefined) { win(args); } },
        function (args) { if (fail !== undefined) { fail(args); } },
        'SoftKeyBoard', 'isShowing', []
    );
}
};

SoftKeyBoard.java

package org.apache.cordova.plugins;

import org.json.JSONArray;
import android.content.Context;
import android.view.inputmethod.InputMethodManager;
import org.apache.cordova.api.Plugin;
import org.apache.cordova.api.PluginResult;

public class SoftKeyBoard extends Plugin {
public SoftKeyBoard () { }

public void showKeyBoard () {
    InputMethodManager mgr = (InputMethodManager) cordova.getActivity().getSystemService(Context.INPUT_METHOD_SERVICE);
    mgr.showSoftInput(webView, InputMethodManager.SHOW_IMPLICIT);
    ((InputMethodManager) cordova.getActivity().getSystemService(Context.INPUT_METHOD_SERVICE)).showSoftInput(webView, 0);
}

public void hideKeyBoard() {
    InputMethodManager mgr = (InputMethodManager) cordova.getActivity().getSystemService(Context.INPUT_METHOD_SERVICE);
    mgr.hideSoftInputFromWindow(webView.getWindowToken(), 0);
}

public boolean isKeyBoardShowing() {
    // if more than 100 pixels, its probably a keyboard...
    int heightDiff = webView.getRootView().getHeight() - webView.getHeight();
    return (100 < heightDiff);
}

public PluginResult execute(String action, JSONArray args, String callbackId) {
    if (action.equals("show")) {
        this.showKeyBoard();
        return new PluginResult(PluginResult.Status.OK, "done");
    } else if (action.equals("hide")) {
        this.hideKeyBoard();
        return new PluginResult(PluginResult.Status.OK);
    } else if (action.equals("isShowing")) {
        return new PluginResult(PluginResult.Status.OK, this.isKeyBoardShowing());
    } else {
        return new PluginResult(PluginResult.Status.INVALID_ACTION);
    }
}
}

config.xml

, " res/xml/config.xml":

<plugin name="SoftKeyBoard" value="org.apache.cordova.plugins.SoftKeyBoard" />
+7

! ( )

var hideKeyboard = function() {
    document.activeElement.blur();
    $("input").blur();
};

, jQuery.

+3

, Java :

return new PluginResult(PluginResult.Status.OK, this.isKeyBoardShowing());

true, false. , javascript :

cordova.plugins.SoftKeyBoard.isShowing(function (showing) {
    if (showing) {
        console.error("############ keyboard is open");
    } else {
        console.error("############ keyboard is closed");
    }
}
,function () {
    // never called
    console.error("############ never called!");
});

, javascript , , .

0
source

More articles:


All Articles