javascript - 为什么 jquery 在我刷新时显示 'disabled' 属性存在

Question

我有一个 <input type = 'file'> .要启用/禁用它，我使用 jQuery("#my_input").prop('disabled' ,true/false) .

如果我禁用它，然后刷新页面，jQuery 输出:

console.log(jQuery("#my_input").prop('disabled' )) ==> true 

即使 html 中不包含“已禁用” Prop 。

清除缓存并不能解决问题。

Answer 1

Firefox 长期以来一直通过刷新保存输入值，现在最新版本也通过刷新保存input/button 的禁用状态。

我不确定这是有意为之还是错误，但目前的解决方法是在 DOM 就绪处理程序中将输入的 disabled 状态设置为默认状态。

jQuery(function($) {
    $("#my_input").prop('disabled', false);
});

演示问题:Fiddle (用 Firefox 打开)
现在用上面的代码片段修复了:Fiddle

---

您还可以将 autocomplete="off" 应用于该元素，其禁用状态不会通过刷新持续存在。

Fiddle

请注意，这将阻止元素中任何形式的自动完成。当然，这对于文件输入和按钮来说是一个很好的解决方案，但是根据您的用例(例如，当它涉及文本输入时)，您可能更喜欢前一种解决方案。感谢@dsdsdsdsd 的提示!

---

附注这已经报告给 Mozilla:Bugzilla ticket .