天天看點

ios微信公衆号,軟鍵盤彈出後,input框焦點實際觸發位置偏上,無法回歸正常位置bug

環境: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)
        })
    }
}