判断手机是否弹出键盘,改变了手机页面高度,对应inputStatus的状态改变相关控件的大小和位置
生活随笔
收集整理的這篇文章主要介紹了
判断手机是否弹出键盘,改变了手机页面高度,对应inputStatus的状态改变相关控件的大小和位置
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
?
inputResizeBodyHeight() {// 判斷手機是否彈出鍵盤,改變了手機頁面高度,對應inputStatus的狀態改變相關控件的大小和位置var oldHeight =document.documentElement.clientHeight || document.body.clientHeight;window.addEventListener("resize", () => {//鍵盤彈起與隱藏都會引起窗口的高度發生變化var resizeHeight =document.documentElement.clientHeight || document.body.clientHeight;if (resizeHeight - 0 < oldHeight - 0) {//當軟鍵盤彈起,在此處操作this.inputStatus = true; //處于編輯狀態} else {//當軟鍵盤收起,在此處操作this.inputStatus = false; //處于非編輯狀態}});
總結
以上是生活随笔為你收集整理的判断手机是否弹出键盘,改变了手机页面高度,对应inputStatus的状态改变相关控件的大小和位置的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: vue 写兼容ios的毫秒级刷新时间戳
- 下一篇: vue 编写H5页面在公众号外部获取手机