解决IE下readonly的Input光标选中的问题

Posted yinghuochongfighter

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决IE下readonly的Input光标选中的问题相关的知识,希望对你有一定的参考价值。

首先用unselectable="on"解决,但是这种方法bug太多,

  1. 屏蔽了input的onblur事件(也就是focus事件在Angualr下),所以只能用click事件来代替了。
  2. input元素在IE (chrome还是可以编辑的,其他浏览器没有尝试)下不能被选中了,对于可编辑的input框来说这是致命的问题。
  3. 火狐浏览器不管用。
  4. 不能清除placeholder的内容

所以暂时用jq的blur()失焦事件来解决的,有什么问题或者有更好的方案,欢迎留言。。。

以上是关于解决IE下readonly的Input光标选中的问题的主要内容,如果未能解决你的问题,请参考以下文章

解决ios下部分手机在input设置为readonly属性时,依然显示光标

element el-input 自动获取焦点和IE下光标位置解决方法

ios input readonly失效(点击的时候会有光标出现)/禁止输入法弹出问题

IE浏览器下上传控件file出现光标的解决方法

JavaScript屏蔽Backspace键

JavaScript屏蔽Backspace键