【解决】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;
                }
            }
        },
    }
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (图片是我手机阅读《万历十五年》 的截图) 这个不幸的评价我不是很赞同。 如果将李贽的一生划为两部分,...
    天才Arico阅读 5,167评论 0 0
  • 复盘2018.1.23 好好说话 今天,部门同事在探讨团建问题时,我无意识中对另外一个同事,连说了好几个:...
    度半32阅读 1,488评论 0 0
  • 每逢佳节胖三斤,除了节假日带来的身体上的负担,你有没有想过它带来的思想上的负担? 大量的无效社交占用了你本来用来工...
    李跳跳不跳槽阅读 3,146评论 0 1
  • 马蹄踏遍的地方便是我的归宿我看着你血泪与山河满处都是荒无人烟的场所那曾经的生机如今尽是杀机你恐怕都忘了,这里曾是你...
    无言ai阅读 1,365评论 0 0