禁止鍵盤彈出的方法
1. readonly屬性
IOS會有問題,仍然會顯示一個左邊是上下箭頭,右邊是一個“完成”字樣的一行
2. disabled屬性
完全被禁止了,綁定的時間也全部失效了
3. 使用div或其他元素來模擬input
因為一般禁止鍵盤彈出的input用戶也大多數都至少是readonly的,即不能輸入,只能顯示。所以也就不需要進行雙向數據綁定功能,也不需要模擬光標等。
```
<div placeholder="占位符" class="input">{{inputValue}}</div>
.div{
height: 40px;
&:empty::before{
content: attr(placeholder);
}
}
```
4. event.preventDefault()
IOS中仍然會出現和方法1同樣的結果
5. document.activeElement.blur()
這個目前是最完美的解決方案,andriod和IOS均兼容