移动端键盘弹起及收起触发

码农-小林

于 2024-01-15 15:42:15 发布

阅读量744

点赞数 7

文章标签： javascript

本文链接：https://blog.csdn.net/m0_63853518/article/details/135603262

版权

文章描述了一个JavaScript方法，用于监控移动端设备的窗口尺寸变化，以响应键盘的弹起和关闭事件。开发者通过`defaultPhoneHeight`和`nowPhoneHeight`变量比较来判断键盘的状态并执行相应的处理逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
mounted(){   
    //移动端键盘事件监控
    this.defaultPhoneHeight = window.innerHeight
    window.onresize = ()=>{
      this.nowPhoneHeight = window.innerHeight
      this.nowPhoneHeights()
    }
 
}
  //软键盘弹起事件
  nowPhoneHeights(){
      if(this.defaultPhoneHeight !== this.nowPhoneHeight){
        //这里是键盘被唤起了处理事件。    
         
      }else{
            //这里是键盘被关闭了。
         
      }
    }