html type rang 默认0,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内没有找到答案，求大神帮我解答下，谢谢了！