問題描述

<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’);});