美文网首页
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