ios中textarea標簽拉起軟鍵盤滯后

可以確認下頁面是否引用了FastClick插件,這是專門解決移動端瀏覽器300ms點擊延遲和點擊穿透問題所開發(fā)的一個輕量級的庫,但是ios11 后修復了移動點擊300ms延遲,所以引用FastClick插件在ios11.3以上的版本可能存在沖突,從而出現(xiàn)拉起軟鍵盤滯后的問題
解決方案:

  1. 在fastclick源碼中改造,在node_module里找到fastClick文件,然后找到focus方法,強制focus


    image.png
  2. 在本身代碼的FastClick加載時增加版本判斷。找到FastClick.attach(document.body)的地方,增加判斷,iOS11以上的版本不加載

const str= navigator.userAgent.toLowerCase()
const ver=str.match(/cpu iphone os (.*?) like mac os/)
 
if(!ver || (ver && parseInt(ver[1])< 11)){ // 非IOS系統(tǒng) 或者ios<11的版本加載
  // 引入fastclick 做相關處理
  FastClick.attach(document.body)
}
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容