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>

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM