javascript - 输入数字禁用在 Firefox 上不起作用

Question

当您按住输入上的向上或向下箭头时，即使其已禁用，输入值仍然会发生变化。我如何修复这个“漏洞”而不删除所有箭头。仅适用于 Firefox

尝试一下:按向上箭头。 5 秒后，输入将禁用，但您仍然可以更改值。

编辑:输入被禁用，当您单击它进行编辑时，它会被禁用，但如果您在禁用之前按住箭头键，输入仍然会改变。

为什么这是一个重复的问题？

setTimeout ( function() {
var number = document.getElementById('number').disabled = true }, 5000)

<input type="number" id="number">

Answer 1

这是一个基本的答案，如果你想逃避所有这些 jquery 的东西等，你只需在其中放置一个隐藏的输入。这是一个基本的解决方案。希望这对您有帮助<3

setTimeout ( function() {
document.getElementById('number').style.display = "none"; 
var result = document.getElementById('number').value;
document.getElementById('number1').value = result;
document.getElementById('number1').style.display = "block";     
document.getElementById('number1').disabled = true;
}, 5000)

<input type="number" id="number">
<input type="number" id="number1" hidden>