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

Posted 前行-锋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决ios下部分手机在input设置为readonly属性时,依然显示光标相关的知识,希望对你有一定的参考价值。

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

在出现如上所说的问题是尝试给input 加上  onfocus="this.blur()"  方法 添加完成后的代码如下


<input name="result" id="result" type="text" onFocus="this.blur();" size="20" value=""> 

这样光标闪烁的问题就解决了。

onfocus="this.blur()" 

 

onfocuse是聚焦的意思,当你把光标放在文本框上输入的时候,就是聚焦,但这里添加了"this.blur()",blur的作用就是去除聚焦,也就是你不能把光标放在这个文本框上,换句话说就是你不能输入文本了 






以上是关于解决ios下部分手机在input设置为readonly属性时,依然显示光标的主要内容,如果未能解决你的问题,请参考以下文章

表单中Readonly和Disabled的区别

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

表单input中disabled提交后得不到值的解决办法

设置苹果手机input按钮和button按钮颜色显示问题

onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)

Vue项目在部分ios手机Safari浏览器上打开为白屏