vue 监听手机键盘状态(是否弹出)

1.data里定义 默认屏幕高度和实时屏幕高度

data(){
      return{
            defaultHeight: '0',  //默认屏幕高度
            nowHeight:  '0',  //实时屏幕高度
      }
}

2.获取 默认屏幕高度和实时屏幕高度

mounted: function() {
    //获取默认高度
    this.defaultHeight = $(window).height();
    window.onresize = () => {
        return (() => {
           //实时屏幕高度
           this.nowHeight =$(window).height();
        })();
    };
},

3.监听 键盘状态

watch: {
    nowHeight:function() {
        if(this.defaultHeight!= this.nowHeight){
         //键盘弹出操作
        }else{
         //键盘不弹出操作
        }
    }
}
就这样,End~
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容