【解决】ios 12.3.1 微信H5页面文本框失去焦点后输入法收回空白( vue )

问题描述:ios微信H5页面文本框失去焦点输入法收回会留有空白;

设备:iphone XR

系统版本:ios 12.3.1

微信版本:7.3.1

解决方法

<template>
    <div>
        <textarea @blur="blurChange" name="" id="" cols="30" rows="10"></textarea>
    </div>
</template>
<script>
    export default {
        data () {
            return {
            }
        },
        components: {},
        props: {},
        created () {
        },
        mounted () {
        },
        method: {
            blurChange () {
                let ua = navigator.userAgent;
                //判断设备和微信环境
                if (/(iPhone|iPad|iPod|iOS)/i.test(ua) && /MicroMessenger/i.test(ua)) {
                    document.body.scrollTop = document.body.scrollTop;
                }
            }
        },
    }
    原文作者:ZekiHoo
    原文地址: https://segmentfault.com/a/1190000019714367
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞