MUI ios 与安卓软键盘调用事件

最新推荐文章于 2020-12-23 22:47:39 发布

TATA2015

最新推荐文章于 2020-12-23 22:47:39 发布

阅读量216

点赞数

文章标签：移动开发

原文链接：http://www.cnblogs.com/RAINHAN/p/7125025.html

版权

var openSoftKeyboard = function() {
                if(mui.os.ios) {
                    var webView = plus.webview.currentWebview().nativeInstanceObject();
                    webView.plusCallMethod({
                        "setKeyboardDisplayRequiresUserAction": false
                    });
                } else {
                    var webview = plus.android.currentWebview();
                    plus.android.importClass(webview);
                    webview.requestFocus();
                    var Context = plus.android.importClass("android.content.Context");
                    var InputMethodManager = plus.android.importClass("android.view.inputmethod.InputMethodManager");
                    var main = plus.android.runtimeMainActivity();
                    var imm = main.getSystemService(Context.INPUT_METHOD_SERVICE);
                    imm.toggleSoftInput(0, InputMethodManager.SHOW_FORCED);
                }
            }
            1. 
            mui.plusReady(function() {
          //页面隐藏事件
                plus.webview.currentWebview().addEventListener("hide",function(e){
                    document.getElementById("search").value="";
                    document.getElementById("search").blur();//搜索框取消焦点，关闭软键盘
                });
                //页面显示事件
                plus.webview.currentWebview().addEventListener("show",function(e){
                    setTimeout(function() {//自动打开软键盘，搜索框获取焦点
                        openSoftKeyboard();
                        document.getElementById("search").focus();
                    }, 600);
                    return false;
                });
})

注意的bug: ajax 调用、 createview 的创建或者销毁、plus.nativeUI 的 showWaiting() closeWaiting() 等等，会引起当前页面的聚焦问题，所以会导致blur()的触发，而blur()会自动调用native 的软键盘关闭。
综上所述，由于各种原因导致失去焦点，引起软键盘闪退。

focus() 聚焦引起的软键盘闪退问题：做适当的延迟就行了
setTimeout(function() {
mobile.focus();
}, 300)

软键盘的数字选项：（默认英文选项）
<input id="search" type="tel"/>

转载于:https://www.cnblogs.com/RAINHAN/p/7125025.html