关于disabled 属性在FF 浏览器上不兼容的问题！ 我找到了答案！

最新推荐文章于 2022-07-19 15:25:20 发布
最新推荐文章于 2022-07-19 15:25:20 发布
阅读量875 收藏
点赞数 1
分类专栏： JS 文章标签： disablel 按钮不可点击 火狐
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangyufeng_net/article/details/47950269
版权

很简单，还是那个属性，只不过换了种写法而已。

      我这边是采用javascript的传统写法：

document.getElementById("").disabled = true;  不可点击

document.getElementById("").disabled = false; 可点击

已通过测试，请放心使用！

如果帮你解决了问题，麻烦帮忙点赞！谢谢！

漂泊在外的孤独患者
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
火狐对disabled的不兼容
qq_26983555的博客
08-31 1858
script> window.onload=function () { var bu=document.getElementById("bu"); bu.disabled=true; var p1=document.getElementById("p1"); p1.onclick=function () { bu.disabled=false;
出现问题a is defined高手帮忙
06-15
buttonZoomingStyle: {background: '#FF0'}, overlayRemoveTime: 6000, backButtonEnabled: false, stickyZoomEnabled: false, rightMouseZoomOutEnabled: false }; for (var s in opts_other) { this....
【HTML 教程】网页元素的属性
web前端开发
08-27 901
作者 | 阮一峰1、简介网页元素的属性（attribute）可以定制元素的行为，不同的属性会导致元素有不同的行为。元素属性的写法是 HTML 标签内部的“键值对”。&am...
兼容性问题--使用jQuery删除属性disabled问题
weixin_30772105的博客
10-31 109
在IE6 使用JQuery的removeAttr方法删除disabled是无效的。解决的方法就是使用$("XX").prop("disabled",false); 转载于:https://www.cnblogs.com/nba4523/archive/2011/10/31/2229851.html
firefox不支持disabled属性的解决方案----基于jquery。
iteye_8084的博客
04-24 819
    项目中遇到一个头疼的问题，firefox下设置<a>的disabled="disabled"无效。怎么办呢，只能求助于强大的JS了。       思路如下：       要实现对<a>的无效必须考虑几个方面：1.阻止 默认它的默认行为----超链接；2.阻止它的鼠标事件，代码中以onclick为例，代码中同样用到了jquery,谁叫它这么好用呢。 <!D...
关于input的disabled属性在移动端兼容问题
weixin_41395548的博客
02-09 759
如果给input添加disabled属性，IOS会检测到disabled属性，给输入框的默认字体设置上灰色和透明度，导致在IOS端 placeholder和输入的文本都呈现灰色，与安卓端表现不一致，安卓端没有这个问题。 我使用的是Vant中的Field输入框，找到的第一个方法： input[disabled],input:disabled,input.disabled{ color: #bbb; opacity: 1; -webkit-text-fill-color:#b
input添加disabled属性出现的移动端兼容问题
weixin_33775572的博客
03-22 840
2019独角兽企业重金招聘Python工程师标准>>> ...
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
10-27
2. 浏览器兼容性问题：认识到不同浏览器可能存在的差异，以及如何针对特定浏览器进行问题排查和修复。 3. JavaScript 事件处理：理解`blur`和`input`事件，以及如何结合使用它们来改进用户交互。 4. 源码调试与修改...
JavaScript对IE操作的经典代码(推荐)
12-12
然而，请注意，由于浏览器兼容性问题，这些代码可能在非IE浏览器如Firefox (FF) 上无法正常工作。 1. **屏蔽鼠标右键**： 通过`oncontextmenu`事件，可以阻止用户在网页元素上执行右键菜单。例如： ```html ;"> ...
JS实现的系统调色板完整实例
10-20
- 可禁用的输入框（`<input>`）：`disabled`属性用于使输入框不可编辑，例如`<input type="text" id="DisColor" disabled>`。 - 输入框的实时更新：当用户选择新颜色时，`DisColor`和`HexColor`输入框的值应实时...
jQuery+CSS3实现的留言表格表单内容验证特效源码.zip
11-17
5. **使用须知**：在实际应用中，考虑到兼容性和性能，确保你的代码在各种浏览器上都能正常工作。同时，为了防止XSS攻击，对用户输入进行适当的编码和过滤。 总结，结合jQuery的灵活性和CSS3的视觉效果，我们可以...
el-input加上disabled属性在火狐浏览器下失效
chenlim87的博客
03-08 1496
之前做 了个点击输入框弹出dialog对话框的功能，当然输入框是不能输入的，所以加了disabled属性，在谷歌、IE上都支持。今天同事反映说在火狐上dialog弹不出来。经过测试发现是disabled属性的问题，去掉就可以。或将disabled换成readonly。 <el-input style="width: 220px;" size="mini" v-model="innerItem.orgName" readonly @click.native="openOrgDialog(outerInd
js中的一些兼容问题
qq_45594237的博客
11-03 101
var e = eve || window.event; var target = e.target || e.srcElement; document.documentElement.clientWidth || document.body.clientWidth getElementsByClassName是ES5新增方法，IE9之前浏览器不支持。 1.页面卷动值：指的是页面中位于视口...
disabled属性在edge中不起作用的情况
qq_36412715的博客
02-28 1580
今天遇到一个disabled属性在edge中不起作用，其他浏览器都起作用，感觉很奇怪，查了半天发现是Edge的bug。 但这种情况只在嵌套的时候会出问题。 <body> <button > <span id="btn1">按钮1</span> </button> <button id="btn2" disabled=...
disabled 的禁用
zhj52666的博客
05-06 1万+
有关于HTML的 disabled 的禁用 disabled 的禁用 通过我的亲身体会对于disabled有了一些认识，网上的一些回答迷惑了我，让我以为disabled=“true” 或disabled="disabled"表示禁用，disabled=“false” 表示可使用。其实浏览器只要发现元素中有diasbled属性，不管属性值是什么，都会对元素进行禁用。 disabled 的解除 $("...
常见的浏览器兼容问题总结
NEOSL的专栏
05-07 199
1、上传图片选择文件类型   &lt;input id="" name="" accept="image/jpg,image/jpeg,image/png,image/bmp,image/gif" type="file" title="点击选择文件" /&gt; 不支持IE7，chrome     2、实时输入监控  IE 支持 onpropertychange  
常见浏览器兼容性问题及解决办法总结
热门推荐
萌兔兔MMQ！！
07-19 1万+
border0;我们常用的div布局，div是块级元素，横向布局的时候我们通常都是用divfloat实现的，横向的间距设置如果用margin实现，这就是一个必然会碰到的兼容性问题在IE6显示margin比设置的大,常见症状是IE6中后面的一块被顶到下一行。解决方案原先元素的border去掉，然后利用before或者after重做border，并transform的scale缩小一半，原先的元素相对定位，新做的border绝对定位。当内容高度大于这个值时，容器高度被撑高，而不是出现滚动条。...
对于不符合W3C标准的disabled属性的使用在Firefox、google等浏览器下没有效果的处理
中草药代码
09-05 5916
根据W3C的标准，disabled属性是禁用一个 input 元素，禁用包括其所有的事件以及加置灰样式效果；经常，对于我们这种非专业做前端开发的，可能对 disabled使用没有那么多注意，不管是什么元素都可能加上了disabled属性，在ie下开发的也没什么问题，在ie8、9、10上面一试也没什么问题，结果到 Firefox、google等浏览器下问题就来了， 这里我的处理是根据是否ie来
input:disabled { opacity: 1 !important; }为什么不生效
最新发布
07-13
你可以使用浏览器的开发者工具检查应用在该元素上的样式规则，并确认是否存在更高优先级的规则覆盖了你的样式。 2. 其他样式属性的影响：其他样式属性可能会覆盖你的opacity属性。例如，如果该input元素有设置了...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值