1. ios中，輸入框獲得焦點時，頁面輸入框被遮蓋，定位的元素位置錯亂：
當頁input存在於吸頂或者吸底元素中時，使用者點選輸入框，輸入法彈出後，fiexd失效，頁面中定位好的元素隨螢幕滾動。
針對這個問題，我們一起來看下以下幾種方案：
方案一： web api 介面 ：scrollintoview的應用，將input輸入框顯示在可視區域。
1一行**，輕鬆搞定，輸入框就乖乖的出現在你眼前了。//輸入框獲得焦點時，元素移動到可視區域23
inputonfocus(e) ,200); //
延時 == 鍵盤彈起需要時間
8 }
不過有點小缺陷：頁面過長時，由於fixed失效，輸入框依然也會跟著頁面滑走。
這時，我們需要乙個固定的輸入框......
方案二：在輸入框獲得焦點時，將頁面滑動到最底部，避免fixed導致的頁面亂飛，並且保證input在最底部。
1當獲得焦點彈出虛擬鍵盤後，input輸入框會一直緊貼鍵盤頂部。如果，你的頁面彈出輸入法後不需要滑動檢視其他內容，那麼你對這種方案應該很中意。vartimer；2//
輸入框獲得焦點時，將元素設定為position:static，設定timer
3inputonfocus(e) , 100)9
}；10
//輸入框失去焦點時，將元素設定為 position:fixed，清除timer
11inputonbulr(e) ；
but，可能你做的是乙個類似聊天的頁面，需要在回覆時，檢視歷史訊息，那麼，請你繼續往下看
方案三：將頁面進行拆分: 頁面（main） = 內容（sectiona） + 輸入框（sectionb）+ 其他（sectionother）
原理 ： main.height = window.screen.height ;純css3打造，可以滾動，可以固定位置,基本滿足大部分布局需要。sectiona 絕對定位，進行內部滾動 overflow-y：scroll ;
sectionb 可保證在頁面最底部。
.main
.sectiona
.sectionb
2. ios 中單行輸入框輸入內容長被遮蓋，不能顯示全部，且不能左右滑動。
這個是ios的乙個bug，可以考慮用 textarea 替換 input，設定一行的高，進行上下滾動檢視。（其他方案可以參看下面 第 6 點）
3. 獲得焦點時，游標消失或錯位：
-webkit-user-select:none 導致 input 框在 ios 中無法輸入，游標不出現，設定如下
user-select利用scrollintoview 使當前元素出現到指定位置，避免游標錯位，設定如下：: text;
-webkit-user-select: text;
e.target.scrollintoview(true4. 進入頁面如何自動獲取焦點，彈出軟鍵盤？);
e.target.scrollintoviewifneeded();
5.隨文字輸入，輸入框寬度自適應。
onkeypress(e) px`這種方案基本滿足自動獲取效果。}
testlength * 8 英文本元，testlength * 16中文字元， +10為後邊游標預留位置。 這種方案顯然不適用於對精確度有很高要求的需求。
6. 介紹乙個屬性：contenteditable，模擬輸入時動態獲取寬高
（1）div設定contentditable=true 可以將此元素變成可輸入狀態。
class="（2）想要變成input輸入框，利用css模擬輸入框的樣式inputcontent
" contenteditable="
true
" >
1這裡配合min-width，max-width 效果更真實。.inputcontent
（3）點選div可以彈出軟鍵盤，但是無法輸入內容，需要設定屬性，如下
.inputcontent這樣就完成乙個可以根據獲取輸入內容來動態來調節寬高。
（這裡是乙個gif圖）
還可以利用js模擬placeholder等，這裡就不展開了
7.其他問題及解決
//8. 補丁：近期移動端開發中遇到這樣乙個問題：ios下 輸入框獲取焦點後，頁面正題網上頂（這沒毛病）， 尷尬的是失去焦點後頁面不回彈了，頂部上移了，底部留有一截灰色區域，需要手動隨意觸控乙個地方。才會回彈。使用偽類
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder
問題1：測試說互動、體驗不好；
問題2：假如頁面有ui框架的彈窗，在頁面沒有回彈的情況下，發現彈層裡面的按鈕無法點選
解決方法：監聽軟鍵盤彈起、關閉事件，在進行對應的操作
mounted () )})}好了,就寫到這了，希望看過後對你能有幫助。
input輸入框復用問題
for username 使用者賬號 else for email 使用者郵箱 切換型別 vue 問題 上面的 在執行過程中會發現，輸入框中輸入了內容之後再切換型別，發現之前輸入的內容還在 原因 vue在進行dom渲染時，虛擬dom出於效能考慮會盡可能的復用已經存在的元素而不是建立新的元素，然後在對...
input 輸入框限制
只能輸入數字和乙個小數點 function clearnonum obj g,只保留第乙個.清除多餘的 obj.value obj.value.replace replace g,replace obj.value obj.value.replace d d 1 2.3 只能輸入6個小數 親測有用！...
移動端，input輸入框被手機輸入法解決方案
當介面元素靠下時候的時候，input輸入框會被系統的鍵盤遮擋。我們可以讓介面向上移動一定距離去避免遮擋。money click function 300 基於jquery寫的事件。首先繫結觸發元素 input 框，scrollintoview alignwithtop 屬性滾動瀏覽器視窗或容器元素，...