H5在ios和android软键盘弹出、收起

参考:https://www.jianshu.com/p/fe6a4a7c2793

iosAndroidOnresize(){  //监听软件盘弹出,收起事件
      const ua = window.navigator.userAgent || '';
      const isAndroid = /android/i.test(ua);
      const isIos = /iphone|ipad|ipod/i.test(ua);   
      if (isIos) {// 当前设备是ios
        document.body.addEventListener('focusin', () => {//软键盘弹出的事件处理
         
        })
        document.body.addEventListener('focusout', () => {//软键盘收起的事件处理
         
        })
      } else if (isAndroid) {// 当前设备是android
        let originalHeight = document.documentElement.clientHeight || document.body.clientHeight;
        window.addEventListener('resize',function(){ //键盘弹起与隐藏都会引起窗口的高度发生变化
          let resizeHeight = document.documentElement.clientHeight || document.body.clientHeight
          if (resizeHeight < originalHeight) {//当键盘弹起,在此处操作
            
          } else {//当键盘收起,在此处操作
           
          }
          originalHeight=resizeHeight;
        },false)
      }
}
发布了200 篇原创文章 · 获赞 37 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/qq_42231156/article/details/103490964