問題描述

<input type='text' readonly unselectable='on' value='點(diǎn)我啊'/>

ios中 點(diǎn)擊input依舊有光標(biāo)安卓 機(jī)正常 <input type='text' readonly unselectable='on' onfocus='this.blur()' value='點(diǎn)我啊'/>這樣ios也正常了

問題解答

這個(gè)問題之前我也遇到過，ios瀏覽器和ie9已下（包括ie9）瀏覽器都有input設(shè)置readonly之后input還有聚焦的問題。解決的方法有兩種，一種是直接設(shè)置input的disabled屬性。不過這樣設(shè)置會(huì)使input的事件失效。另一種方法就是input聚焦時(shí)馬上讓它失去焦點(diǎn),這樣可以規(guī)避光標(biāo)顯示了。$(’input[readonly]’).on(’focus’, function() { $(this).trigger(’blur’);});