最近測試人員在測試公司開發的IOS應用時候,IOS是使用混合模式開發，當HTML界面有輸入框的時候，點擊輸入后，滑動界面，光標會固定在屏幕上，不會隨著HTML標簽滾動；會出現錯位，截圖如下：

網上說，是因為使用了fixed定位的原因，關鍵是我所有css樣式中都沒有使用fixed定位；所以，只能通過其他路徑解決問題；

多次測試發現，在我們手指移動到combox，等不能聚焦的標簽上，鍵盤會消失，光標自然就不在了，而且不影響滑動；嘗試一下，修改代碼添加事件：

document.body.addEventListener('touchstart', function (e) {if(document.activeElement)document.activeElement.blur();}, {passive: false});

測試，光標確實在滑動時不見了，但是每次我點擊其它可輸入的標簽時，光標都會隱藏，鍵盤收起；這不是想要的效果，因為這樣雖然解決了樣式的問題，但是會給用戶照成使用不便的問題；然后修改事件toushstart->touchmove:

document.body.addEventListener('touchmove', function (e) {if(document.activeElement)document.activeElement.blur();}, {passive: false});

測試，滑動時光標不會出現錯位，而是直接隱藏；點擊其它輸入框時，光標直接定位到輸入框，鍵盤也不會收起；問題解決，唯一有一點小瑕疵，點擊其它輸入框時，光標響應速度有點慢，在考慮是否需要加入FastClick這個Js庫，如果加入的話，下一篇文章會說明

總結

以上是生活随笔為你收集整理的修复IOS上滑动HTML界面光标乱跳的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。