css - ios input 添加 readonly unselectable="on" 属性，光标依旧还在，怎么清除光标

问题描述

<input type='text' readonly unselectable='on' value='点我啊'/>

ios中 点击input依旧有光标安卓 机正常 <input type='text' readonly unselectable='on' onfocus='this.blur()' value='点我啊'/>这样ios也正常了

问题解答

这个问题之前我也遇到过，ios浏览器和ie9已下（包括ie9）浏览器都有input设置readonly之后input还有聚焦的问题。解决的方法有两种，一种是直接设置input的disabled属性。不过这样设置会使input的事件失效。另一种方法就是input聚焦时马上让它失去焦点,这样可以规避光标显示了。$(’input[readonly]’).on(’focus’, function() { $(this).trigger(’blur’);});