火狐对disabled的不兼容

xiaoxiao2021-02-28  101

<script> window.onload=function () { var bu=document.getElementById("bu"); bu.disabled=true; var p1=document.getElementById("p1"); p1.onclick=function () { bu.disabled=false; } } </script> <body> <button id="bu" class="btn" disabled="disabled"> 按钮 </button> <p id="p1"> 点击切换按钮可否点击状态 </p> </body> 在谷歌或者ie下,一开始刷新页面,按钮能显示不可点击状态,当点击“点击切换按钮可否点击状态”元素,按钮可以变成可点击状态,当刷新页面的时候,按钮还可以回到不可点击状态。 在火狐下,前面的步骤跟结果都是一样,但是当刷新页面的时候,按钮还是照样是可点击状态。

目前我的理解是disabled不支持火狐,或者是火狐的缓存机制。 解决办法:

在页面加载的入口重新设置按钮不可点击的状态。按下ctrl+f5可以使页面跳过缓存机制。
转载请注明原文地址: https://www.6miu.com/read-28150.html

最新回复(0)