javascript - input type=range 在firefox下设置了value=0 滑动按钮不返回到0的位置怎么处理

        var input = $(".demo input");
        var ran;
            var tj = false;
            input.val(0)
            var x = input.val();
            x = 0;
            tip.html(x);
            function yanzhen(){
                input.one(
                    "mousedown",function(){
                        ran = randomNum();
                        p.html('移动到' + (ran-10) + '-' + (ran+10) + '之间就可以提交了！');
                    }
                );                
            }
            yanzhen();
        input.on(
                "mouseup",function(){
                    var dangVal = input.val();
                    if (dangVal >= ran - 10 && dangVal <= ran + 10){
                        span.html("可以提交了！");
                        span.css("display","block");
                        tj = true;
                        setTimeout(function(){
                            demo.css("display","none");
                        },1000);
                    }else{
                        input.defaultValue = 0;
                        input.val(0);
                        span.html("");
                        span.css("display","none");
                        p.html("来！重新再来一遍");
                        yanzhen();
                        tj = false;
                    }
                }
            );

我的问题是，当拖动滑杆时，不在值的范围区域内就重新设置为0，在IE11 chrome下都是有效的，但是在firefox下就不生效，在MDN内没有找到答案，求大神帮我解答下，谢谢了！