美文网首页
input 获取和失去焦点时异常在安卓和ios平台处理

input 获取和失去焦点时异常在安卓和ios平台处理

作者: w龙 | 来源:发表于2019-09-26 09:34 被阅读0次

    安卓平台处理

     //安卓机在键盘弹出后防止按钮顶上来
        mounted() {
          this.windowHclass=window.innerHeight<=480?"min": window.innerHeight<667?"active":(window.innerHeight>700?"actives":"");
     this.clientHeight=document.body.offsetHeight;
           var u = navigator.userAgent;
           if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
            window.addEventListener("resize", this.handleResize);
            this.Android =true
           }
        }
    
        handleResize(){
            let nowHeight = document.body.offsetHeight;
            this.btnShow = nowHeight === this.clientHeight;//控制显示和隐藏按钮
            document.getElementById('home').style.height= (this.clientHeight-40)+'px'
          }
    

    ios平台处理

     //ios在获取焦点后下面的空白隐藏
          blurfn() {
            let u = navigator.userAgent;
            if(u.indexOf('iPhone') > -1){
              window.scrollTo(0, this.clientHeight);
            }
          },
          focus() {
            let u = navigator.userAgent;
            if(u.indexOf('iPhone') > -1){
              window.scrollTo(0, 100);
            };
          },
    

    相关文章

      网友评论

          本文标题:input 获取和失去焦点时异常在安卓和ios平台处理

          本文链接:https://www.haomeiwen.com/subject/nneoectx.html