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

来源：

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