问题1:输入框的readonly属性在IOS的兼容问题
问题描述:在业务中,需要对某些个输入框进行readonly操作,Android和PC(仅仅是使用开发者工具进行移动端模拟)都是OK的,但是在IOS上点击的时候却依然会出现光标,聚焦依然存在。
问题解决:
1:查询网上一些资料,很多都说是使用 unselectable="on",好吧,用过后发现并没有什么卵用,原因在于这个属性并不是针对readonly的,而是针对blur的,只能换方法(此方法不成功)
2:另外一种方法是直接设置input的disabled属性,但是这样设置会使input的事件失效,而且个人感觉,你设置了disabled,我还得去设置disabled的样式,这又是一个新的问题,由一个问题引发出另一个问题,这确实不是一个好的解决办法(此方法成功,但是有缺陷)
3:还有一种方法就是在input聚焦的时候让它马上失去焦点,这样就能规避掉光标的显示问题,具体代码如下:
注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。