输入数字禁用不在Firefox上工作

时间:2017-02-02 12:54:37

标签: javascript jquery html input

当您按住输入上的向上或向下箭头时,即使其被禁用,输入值stil也会改变。我如何解决这个问题'利用'没有删除所有箭头。仅适用于Firefox

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

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

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



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

<input type="number" id="number">
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:1)

这是一个基本的答案,你只需要在其中放入一个隐藏的输入,如果你想逃避所有那些jquery的东西等等。这是一个基本的解决方案。希望这可以帮助你&lt; 3

&#13;
&#13;
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)
&#13;
<input type="number" id="number">
<input type="number" id="number1" hidden>
&#13;
&#13;
&#13;

答案 1 :(得分:-1)

如果你正在使用jQuery(请参阅标签),请考虑使用.attr():

$("#number").attr('disabled','disabled');

在Firefox&gt; = v.50

中应该可以正常工作

参考:http://caniuse.com/#feat=fieldset-disabled