vue 监听手机键盘唤起和关闭的事件

原文链接:https://www.jianshu.com/p/05e6468b1370


在mounted 或者created 的生命周期函数中添加。

window.onresize

在data中添加两个变量

defaultPhoneHeight //屏幕默认高度

nowPhoneHeight //屏幕现在的高度

mounted(){this.defaultPhoneHeight=window.innerHeight    window.onresize=()=>{this.nowPhoneHeight=window.innerHeight}},destroyed(){window.onresize=null}

在watch中添加监听

nowPhoneHeight:function(){if(this.defaultPhoneHeight!=this.nowPhoneHeight){//手机键盘被唤起了。}else{//手机键盘被关闭了。}}



作者:佑手边

链接:https://www.jianshu.com/p/05e6468b1370

来源:简书

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容