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>

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

posted @ 2021-11-08 17:31  凌晨肆点的洛杉矶  阅读(969)  评论(0编辑  收藏  举报