ios微信公众号，软键盘弹出后，input框焦点实际触发位置偏上，无法回归正常位置bug

原创于 2019-03-11 17:40:51 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios #微信公众号 #bug

前端专栏收录该内容

9 篇文章

订阅专栏

本文解决了一个特定于iOS微信公众号环境下的Ionic4框架输入框聚焦问题。当软键盘关闭后，再次点击input框无法聚焦。通过给每个input框添加失焦事件并在失焦时将滚动条滚回0来解决此问题。

环境：ionic4框架，ios微信公众号。

问题：第一次点击input框正常，将弹出的软键盘关闭后，再次点击input框，无法聚焦，点击input上方位置，触发该input框事件。经过测试，仅在ios上会出现该bug。

解决方案：给每一个input框添加失焦事件，每次失焦滚动条滚回0。

function  inputHandle(){
    let inputs =  document.getElementsByTagName("input");
    for(let i = 0;i<inputs.length;i++){
        let item = inputs[i];
        item.addEventListener('blur',function(){
            setTimeout(function(){
                window.scrollTo(0, 0)
            },100)
        })
    }
}