css - l'entrée ios ajoute un attribut en lecture seule unselectable="on", le curseur est toujours là, comment effacer le curseur

Question

<input type="text" readonly unselectable="on" value="Cliquez-moi"/>

Il y a toujours un curseur lorsque vous cliquez sur une entrée dans iOS
Android est normal
<input type="text" readonly unselectable="on" onfocus="this.blur()" value="Click me"/>
This c'est aussi vrai pour iOS C'est normal

Answer 1

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