美文网首页
监听移动端ios软键盘弹起

监听移动端ios软键盘弹起

作者: 小北呀_ | 来源:发表于2020-05-26 18:00 被阅读0次

    在移动端ios会有这种情况,键盘弹起页面向上顶起,当完成键盘消失,页面确还在上面没有还原。上面代码可以使页面还原。
    两种方法:
    1

     document.body.addEventListener('focusout', () => {
                        //软键盘收起的事件处理
                        setTimeout(() => {
                            const scrollHeight =
                                document.documentElement.scrollTop || document.body.scrollTop || 0;
                            window.scrollTo(0, Math.max(scrollHeight - 1, 0));
                        }, 100);
                    });
    

    2:

    <textarea @blur.prevent='reduction' 
    
      reduction(){
                window.scrollTo(0,0)
            },  
    

    相关文章

      网友评论

          本文标题:监听移动端ios软键盘弹起

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