ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
禁止键盘弹出的方法 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均兼容