今天遇到一個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>
在Edge中的結果:都設置了disabled屬性,但按鈕1和save仍然可以點擊。
參考https://stackoverflow.com/questions/32377026/disabled-button-is-clickable-on-edge-browser