disabled属性在edge中不起作用的情况

最新推荐文章于 2022-09-30 11:29:17 发布

小小鸟008

最新推荐文章于 2022-09-30 11:29:17 发布

阅读量1.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_36412715/article/details/104561111

版权

前端专栏收录该内容

35 篇文章 3 订阅

订阅专栏

今天遇到一个disabled属性在edge中不起作用，其他浏览器都起作用，感觉很奇怪，查了半天发现是Edge的bug。
但这种情况只在嵌套的时候会出问题。

<body>
    <button >
		<span id="btn1">按钮1</span>
	</button>
	<button id="btn2" disabled="">按钮2</button>
	<div>
		<div id='save'>save</div>
	<div>	
	 <button id='btn3'>
		<span>按钮3</span>
	</button>
	
</body>
<script>
	window.onload=function(){
		document.getElementById("btn1").disabled = true;
		//document.getElementById("btn1").disabled = "";
		document.getElementById("btn1").onclick=function(){
			alert('按钮1被点击了');
		}
		document.getElementById("btn2").disabled = true;
		document.getElementById("btn2").onclick=function(){
			alert('按钮2被点击了');
		}
		document.getElementById("save").disabled = true;
		document.getElementById("save").onclick=function(){
			alert('按钮save被点击了');
		}
		document.getElementById("btn3").disabled = true;
		document.getElementById("btn3").onclick=function(){
			alert('按钮3被点击了');
		}
	
	}
</script>