1. 程式人生 > >h5 ios微信瀏覽器 input獲取焦點後,收起軟鍵盤,光標錯位

h5 ios微信瀏覽器 input獲取焦點後,收起軟鍵盤,光標錯位

分享 input info 產生 put 進行 元素 內容 lex

整個頁面布局如下:

技術分享圖片

外層設置fixed的原因是不讓頁面在瀏覽器中進行上下拖拽,

最後形成的結果是:輸入框獲取焦點輸入內容後,光標錯位,導致不能選中輸入框重新獲取焦點(頁面上移,但是布局未產生影響);

解決

改變頁面布局:

外層fixed取消,改用 display:flex布局,將內容分為3部分,中間內容flex-grow: 1; 好了

給input設置fixed或者input的父元素設置fixed 導致此原因

h5 ios微信瀏覽器 input獲取焦點後,收起軟鍵盤,光標錯位