禁止键盘弹出的方法
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均兼容