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>

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

  • 相关阅读:
    [机器人仿真软件(一)]V-REP与MATLAB进行通讯的方法
    TCP接收非法数据0xFFF4FFFD06的问题
    std::numeric_limits::epsilon
    linux 设置默认网关
    更换pip源
    实时屏幕传输
    安装node
    window 添加服务
    数据集格式
    jupyter 设置密码
  • 原文地址:https://www.cnblogs.com/zhanglongke/p/15525203.html
Copyright © 2011-2022 走看看