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

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

过去多啦不再A梦 2017-05-16 13:22:37

[CSS3讨论组]

1208

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

过去多啦不再A梦

全部回复(1)

过去多啦不再A梦2017-05-16 13:24:37 1楼

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