美文网首页
ios微信6.7.4微信关于input的bug

ios微信6.7.4微信关于input的bug

作者: 杨wen慧 | 来源:发表于2019-01-17 18:11 被阅读0次

bug描述:
input聚焦之后,点击键盘上右上角完成,键盘不会主动收起,会有灰色的遮罩板。需要手动触发才能收起。
解决办法:(基于vue)

var isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1; //android终端
    Vue.directive('resetInput', {
        // 当被绑定的元素插入到 DOM 中时……
        inserted: function (el) {
            if(isAndroid){
                    return
            } 
            el.addEventListener('blur',function(){
                var currentPosition, timer;
                var speed = 1; //页面滚动距离
                timer = setInterval(function() {
                currentPosition =
                document.documentElement.scrollTop ||
                document.body.scrollTop;
                currentPosition -= speed;
                window.scrollTo(0, currentPosition); //页面向上滚动
                currentPosition += speed; //speed变量
                window.scrollTo(0, currentPosition); //页面向下滚动
                clearInterval(timer);
                }, 1);
            })
        }
    })

相关文章

网友评论

      本文标题:ios微信6.7.4微信关于input的bug

      本文链接:https://www.haomeiwen.com/subject/gjxwdqtx.html