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

最新推荐文章于 2024-05-29 20:07:03 发布
最新推荐文章于 2024-05-29 20:07:03 发布
阅读量919 收藏
点赞数 1
分类专栏： JS 文章标签： disablel 按钮不可点击 火狐
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangyufeng_net/article/details/47950269
版权
本文介绍了一种使用JavaScript传统方法控制DOM元素禁用与启用的技术，通过简单示例验证了其实用性和可靠性。已通过测试，推荐在项目中应用。

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

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

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

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

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

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

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

浏览器兼容性问题及解决方案大汇总
qq_51179053的博客
07-03 3458
所谓浏览器兼容性问题：是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的效果。解决方法前端开发疆场需要检查浏览器的兼容性，这里推荐（Can I Use）这个查询网址。是一个针对前端开发人员制定的一个查询CSS、JS、HTML5、SVG，可以很好的保证网页在浏览器中的兼容性。CSS兼容问题1、不同浏览器的标签默认的内外边框不同。解决方案 {margin:0;padding:0}/** * 该文件用于清除浏览器样式 */ html, body, div, span, applet, objec
浏览器兼容性问题解决方案
zeb_perfect的专栏
12-16 1698
以下内容参考与dandanzmc文章。 什么是浏览器兼容问题？         所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 为什么会出现浏览器兼容问题？
兼容性问题--使用jQuery删除属性disabled问题
weixin_30772105的博客
10-31 141
在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 864
    项目中遇到一个头疼的问题，firefox下设置<a>的disabled="disabled"无效。怎么办呢，只能求助于强大的JS了。       思路如下：       要实现对<a>的无效必须考虑几个方面：1.阻止 默认它的默认行为----超链接；2.阻止它的鼠标事件，代码中以onclick为例，代码中同样用到了jquery,谁叫它这么好用呢。 <!D...
关于input的disabled属性在移动端兼容问题
weixin_41395548的博客
02-09 881
如果给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 875
2019独角兽企业重金招聘Python工程师标准>>> ...
input 输入框设置disabled属性后，文本在ios端看不到，出现兼容性问题
LiYinghao_的博客
05-29 468
当input输入框设置disabled属性后，输入框内文本在ios端看不到。
在HTML中如何禁用`<input>`的键盘输入并阻止中文输入，同时保持代码在IE和Firefox浏览器中的兼容性？
10-28
要在HTML中禁用`<input>`元素的键盘输入并阻止中文输入，同时确保代码在IE和Firefox浏览器中兼容，你可以按照以下步骤操作： 参考资源链接：[禁用input的键盘输入与中文，兼容IE和FF实现]...
如何在HTML中禁用`<input>`的键盘输入并阻止中文输入，同时保持代码在IE和Firefox浏览器中的兼容性？
10-28
在HTML中禁用`<input>`元素的键盘输入功能，同时阻止中文输入，并确保代码在Internet Explorer (IE) 和 Firefox 浏览器中的兼容性，可以采用以下技术实现。首先，使用CSS属性`ime-mode:disabled`来禁用输入法编辑器...
如何在HTML页面的`<input>`元素中禁用键盘输入和中文输入，同时确保兼容IE和Firefox浏览器？
最新发布
10-28
如果你希望深入学习关于键盘事件处理、跨浏览器兼容性以及相关安全性问题的知识，建议详细阅读以下资料：《禁用input的键盘输入与中文，兼容IE和FF实现》。这份文档不仅解释了如何实现禁用键盘输入和中文输入的技术...
火狐对disabled的不兼容
qq_26983555的博客
08-31 1918
script> window.onload=function () { var bu=document.getElementById("bu"); bu.disabled=true; var p1=document.getElementById("p1"); p1.onclick=function () { bu.disabled=false;
el-input加上disabled属性在火狐浏览器下失效
chenlim87的博客
03-08 1611
之前做 了个点击输入框弹出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 135
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 1731
今天遇到一个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 245
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  
对于不符合W3C标准的disabled属性的使用在Firefox、google等浏览器下没有效果的处理
中草药代码
09-05 5997
根据W3C的标准，disabled属性是禁用一个 input 元素，禁用包括其所有的事件以及加置灰样式效果；经常，对于我们这种非专业做前端开发的，可能对 disabled使用没有那么多注意，不管是什么元素都可能加上了disabled属性，在ie下开发的也没什么问题，在ie8、9、10上面一试也没什么问题，结果到 Firefox、google等浏览器下问题就来了， 这里我的处理是根据是否ie来
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值