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