html5关于editbox输入时软键盘把界面顶上去的问题

1. box.setDelegate(this);//注册代理对象类来进行管理
2. window.innerHeight;   windowInnerHeight  =  window.innerHeight  //获取手机屏幕高度
3. heightScale = cc.winSize.height / windowInnerHeight;     //获得屏幕分辨率和手机屏幕高度的比值
4. editBoxEditingDidBegin: function (editBox) {          //这个方法在编辑框对象开始获得焦点时被调用
        var rootNode = this.rootNode;
        var u = navigator.userAgent;          //获取用户手机信息
     if(u.indexOf('iPhone') > -1 ) return;      //判读用户手机类型          
     else{
          rootNode.schedule(function () {
                if (windowInnerHeight != window.innerHeight) {
                    keboardHeight = windowInnerHeight - window.innerHeight; //获取弹出android软键盘后的窗口高度
                    rootNode.setPositionY(-keboardHeight * heightScale);   //软键盘弹出时,改变场景节点纵坐标的位置
                }
          }.bind(rootNode), 0.01)
    }

},

5.editBoxEditingDidEnd: function (editBox) {             //当编辑框对象编辑时失去焦点后调用的函数
         var rootNode = this.rootNode;
         var u = navigator.userAgent;
            if(u.indexOf('iPhone') > -1 ) return;
            else{
                   rootNode.schedule(function () {
                              if (windowInnerHeight == window.innerHeight) {
                              rootNode.setPositionY(0);   //软键盘隐藏后,把纵坐标重置回来
                              }

                  }.bind(rootNode), 0.01)   

          //延时必须要设置,因为键盘弹出来有个动画 ,但是因为延时是500毫秒的关系视觉效果很差

        }                                            
 }

猜你喜欢

转载自blog.csdn.net/cleve_baby/article/details/52148836