使用問題描述:
IOS微信內(nèi)置瀏覽器,微信彈框填寫內(nèi)容面殖,如下圖
過程圖一到圖二竖哩,鍵盤收起時,也頁面的位置顯示都很正常脊僚,但是輸入框點擊獲取不到焦點相叁,取消和確定的按鈕都點了沒有反應(yīng),再彈出軟鍵盤彈框上移的時候?qū)е聫椏蛘w上移辽幌,收回軟鍵盤的時候增淹,雖然看似頁面下來了,實際這只是表象乌企,對應(yīng)的輸入框和按鈕的位置都在鍵盤彈出時候的位置虑润,沒有恢復
image.png
解決方案
const userAgent = window.navigator.userAgent;
document.body.addEventListener('focusin', () => {
//軟鍵盤彈出的事件處理
if(/iPhone|iPad|iPod/i.test(userAgent)) {
}
})
document.body.addEventListener('focusout', () => {
//軟鍵盤收起的事件處理
if(/iPhone|iPad|iPod/i.test(userAgent)){
window.scrollTo(0,0);
}
})
謝謝支持