ie下readonly无效怎么解决

最新推荐文章于 2025-06-24 10:29:45 发布
原创 最新推荐文章于 2025-06-24 10:29:45 发布 · 3.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

博客提到在IE中添加unselectable=\on\属性，但该属性仅适用于IE，考虑到兼容性问题需加以关注。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ie加上unselectable="on"属性

不过只能ie用，为了兼容性嘛

Web-拾贝
oscar999的专栏
03-10 1万+
JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.youkuaiyun.com/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站， 有browser兼容的介绍http://help.dottoro.co...
ie下input输入框readonly失效 ie兼容聚焦方法
qq_23064501的博客
08-16 2013
ie下input输入框readonly失效 ie兼容聚焦方法 可怕的ie 谷歌可以得readonly,但ie却不行，解决聚焦的兼容方法就是加上  unselectable='on'
解决uniapp u-input设置disabled/readonly点击事件失效问题
qq_45651201的博客
06-24 473
解决u-input组件设置disabled/readonly属性后点击事件失效的问题，可通过在外层添加view容器并设置pointer-events:none样式。该方法让鼠标事件穿透input元素，触发外层view的点击事件。MDN解释pointer-events:none会使元素不成为鼠标事件目标，事件会穿透到下层元素，从而保留交互功能的同时实现输入框的只读效果。（约120字）
safari readonly失效
qq_14936009的博客
05-22 492
问题:    safari 设置了 readonly 但是没有生效解决方案:-webkit-user-select:none
表单验证validate，遇到readonly不生效
m0_64152677的博客
06-07 1625
因为用popover嵌套el-table封装组件，我给表单的input加了readonly，结果验证时这项el-form-item不生效。查了好多，什么定时器去掉readonly属性、自定义添加change事件...通通不管用 后来发现还得从根本解决问题，既然element默认的验证不生效，就自己写自定义校验规则 标准格式参考element官方文档 在自定义规则里， var xxx =（rule,value,callback）=>{ 这个根据value或者与input有关的变量的变化判断c
ie下input输入框readonly失效,光标仍可聚焦
热门推荐
帝都搬砖客
03-21 1万+
ie下input输入框设置了readonly属性,但是鼠标还可以点击光标聚焦, 改为bootstrap的disable属性后,无法聚焦但是表单提交又失效,无法传递参数, 而且聚焦后,backspace按键默认触发浏览器的返回功能, 后改为增加属性 unselectable='on',可以解决. $('#config_name'+index).attr("re
readOnly修改不生效的一种情况
hello world
06-14 1934
原因是：readOnly不是靠true和false来控制的，只要有readOnly，不管它后面是啥值都是不可改变的，所以应该这么写才对。想用如下代码实现改变readOnly的值，但是却不起作用，请问该怎么修改？
js中的onchange和onpropertychange (onchange无效的解决方法)
01-19
IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来捕获。例如一个 <input name=”text1″ id=”text1″ /> 对象的value属性被页面的脚本修改的时候，onchange无法捕获到，而onpr
Element-UI日历date-picker组件在IE下的首次渲染视图不更新问题的解析过程
全端菜鸟小姐
01-16 4090
  作为一个研发人员，我觉得什么vue、react、angular和UI库其实应该把它们当成跟vscode一样，其实就是一个工具，帮助你开发的工具。而你的思维和解决问题的能力，以及你对新事物的学习能力才是最应该培养的。工具会更新换代的，你执着于那些API其实价值不大，你更应该去学习的是它的实现方法，去学习它的那些实现技巧。当然，作为一个菜鸟 
PC端各浏览器布局兼容问题【Chrome、Firefox、IE】——长期更新
少女心の程序媛
03-11 4813
1、Firefox、IE8下属性为“readonly”的表单元素获得焦点会有光标‘I’进去。解决办法：/(ㄒoㄒ)/~~2、IE不支持HTML5标签解决办法：CSS中添加如下代码main, nav, header, footer, section, article, aside, dialog, figure, menu { display: block; }3、文字排列方向1） CSS3属
vue中解决输出框回显浏览器保存的账号和密码问题
最新发布
07-18
:readonly="isReadonly" @focus="isReadonly = false" > export default { data() { return { isReadonly: true // 初始设为只读 } } } ``` **原理**： 初始只读状态可阻止自动填充，聚焦时解除只读 -...
一不小心就被IE搞了之readonly属性
海绵啵啵
12-05 1163
     今天项目一个bug，关于html的input的readonly属性，在ie7中默认的 r.getAtrribute("readonly")为true的，在火狐中r.getAtrribute("readonly")为readonly，一直以为结果是readonly，说是测试组的错误，后来一个alert弹出来的是true，被伤透了。更具体的应用如下：     readonly属性在htm...
jquery取<input>的readOnly属性，O要大写
云枫的专栏
03-21 1万+
今天在jquery中取input的readonly属性时，发现 我这样写$(“#input”).readonly取这个属性时，总是undefined，后来一想，难道html中的属性only没有大写，是不是javascript需要将O大写， 修改之后$(“#input”).readOnly，就能取到值，下面是后来我又搜到的一篇文章。 Javascript: 为设置readOnly属性 h
input只读模式下IE表现
天空影
11-01 567
问题1：input输入框如果设置readonly点击输入框照样有光标 解决：加上unselectable='on' <input type="text" name="transtype" unselectable='on' class="transtype" readonly> 问题2：修改只读输入框的样式input:read-only{}不生效 解决：用input[readonly...
jquery easyui 日期框怎么禁用输入和日期框加readonly失效的解决办法
pqszq1314的专栏
04-28 1万+
产品名称：
解决百度富文本编辑不能上传视频成功但是在IE浏览器不能播放、显示的问题、解决浏览器不支持video标签
qq_34787830的博客
07-13 6952
1.解决这个问题首先要解决富文本编辑器 掉链的问题   解决方法如下: 1. 直接下载到的百度富文本编辑器当插入优酷/腾讯视频的时候会自动清掉src，不显示视频     造成这样的原因是:   百度富文本编辑器的过滤器xssFilter导致插入视频异常，编辑器在切换源码的过程中过滤掉img的_url属性（用来存储视频url） 解决办法: 1. 1
解决input 有readonly属性 各个浏览器的光标兼容性问题
qq_34740408的博客
12-25 4589
目标：input 只能读，但是在ie、火狐浏览器下，设置了readonly属性还是会有光标出现！（希望去掉光标） 解决办法： 设置   unselectable='on'属性 ie浏览器会没有光标但是会清除placeholder的内容，在火狐浏览器下不起作用 按上述的设置属性则会没有光标并且也不会清除placeholder的内容。
readonly,只读，不可用
IT人生
10-30 1195
readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）   希望...
monaco editor readOnly无效
01-08
### 解决 Monaco Editor `readOnly` 属性不生效的方法 当遇到Monaco Editor中的`readOnly`属性设置后仍然可以编辑的情况时，可以通过确保初始化配置正确以及动态更新选项的方式来解决问题。 对于初始加载阶段，在创建编辑器实例的时候就应当指定好只读模式。这能防止任何可能的输入操作影响文档内容[^1]： ```javascript const editor = monaco.editor.create(document.getElementById('container'), { value: 'Hello world!', language: 'plaintext', readOnly: true, }); ``` 如果是在组件挂载之后才需要调整此属性，则应该利用回调函数来获取编辑器对象并修改其行为。具体来说就是在`@mounted`事件触发后通过`updateOptions()`方法重新设定参数[^2]： ```javascript seeOnMounted(editor) { this.seeEditor = editor; this.seeEditor.updateOptions({ readOnly: true, // 设置为只读状态 }); } ``` 另外一种情况可能是由于某些外部因素干扰到了编辑区域的状态管理逻辑。此时建议尝试强制刷新视图或者重置样式以排除潜在冲突。也可以考虑在适当时候调用格式化命令来整理代码布局，从而间接达到稳定显示效果的目的[^3]: ```javascript this.editor.trigger("anything", "editor.action.formatDocument"); ``` 值得注意的是，除了上述措施外还应检查是否有其他插件或自定义功能覆盖了默认的行为；同时确认浏览器控制台是否存在报错信息提示问题所在之处。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值