zoukankan      html  css  js  c++  java
  • uni-app监听软键盘是否弹起,ios不支持

    <script>
        export default {
            data() {
                return {
                    defaultPhoneHeight: '', //屏幕默认高度
                    nowPhoneHeight: '', //屏幕现在的高度
                  }
            },
            watch: {
                //软键盘弹起事件
                nowPhoneHeight() {
                    if (this.defaultPhoneHeight != this.nowPhoneHeight) {
                        //手机键盘被唤起了。
                        console.log('弹起');
                        //写软键盘唤起你需要做的操作
                        this.fixed = true
                    } else {
                        console.log('收起');
                        //手机键盘被关闭了。
                        //写软键盘关闭你需要做的操作
                        this.fixed = false
                    }
                }
            },
            mounted() {
                //监听软键盘获取当前屏幕高度的事件
                this.defaultPhoneHeight = window.innerHeight
                console.log('this.defaultPhoneHeight:', this.defaultPhoneHeight);
                window.onresize = () => {
                    this.nowPhoneHeight = window.innerHeight
                    console.log('this.nowPhoneHeight:', this.nowPhoneHeight);
                }
            },
            // 页面销毁一定要移除onresize时间
            beforeDestroy() {
                window.onresize = null
            }
        }
    </script>

    采用监听屏幕大小改变,来判断软键盘是否弹起。

  • 相关阅读:
    JS焦点图手动切换
    Cookie
    javaScript字符串方法(常用的)
    javaScript函数
    JavaScript条件语句和循环语句
    JavaScript基本的数据类型
    数据库的四个基本语句
    CSS文本样式
    HTML图片
    C#集合
  • 原文地址:https://www.cnblogs.com/zhanglongke/p/15525203.html
Copyright © 2011-2022 走看看