解决 插件LArea 在IOS上浮出软键盘问题

移动端使用　省市县城市选择三级联动的时候, 
插件LArea 会有一个问题

 

ios浏览器和ie9已下（包括ie9）浏览器都有input设置readonly之后input还有聚焦的问题。

ios input 添加 readonly unselectable="on" 属性，光标依旧还在

 


解决的方法有两种：

一种是直接设置input的disabled属性。不过这样设置会使input的事件失效。

另一种方法就是input聚焦时马上让它失去焦点,这样可以规避光标显示了。

$('input[readonly]').on('focus', function() { $(this).trigger('blur'); });


 

还有网上查询的方法.....虽然没软用　还是留下来做一个记录吧

 

苹果端用1，2,之后解决不了readonly失效问题（点击的时候会有光标出现）（且不方便用disabled的时候），就用3，

1，    $("#appDateTime").focus(function(){
document.activeElement.blur();
});

2,    onselectstart="return false;"

 3，   -webkit-user-select:none

 

苹果端用1,4，解决不了弹出输入框问题的时候用5，

 4，  ime-mode:disabled;

5,    -webkit-touch-callout:none;