我已绑定input type="range"
,其范围为0-255和input type="number"
,范围为0-100个绑定值。我们的想法是将input type="range"
中的值转换为input type="number"
中的百分比。问题是,当我使用算法转换Math.round((model/255)*100)
时,它实际上会转换所有内容(当我写作时,它会动态转换我的值,当我使用此"箭头"在input type="number"
中也是如此。
$('#element' +' input').bind('input', function(){
var model=$(this).val();
$('#element'+ ' .rangeInput').val(model);
$('#element'+ ' .percentageInput').val(Math.round((model/255)*100));
});
是否可以使用input type="number"
step="1"
进行此类转换(对于输入右侧的此箭头),并且无法在焦点{{1}时动态转换输入?因为我在这个输入中写的越多,数字越小,它就会继续,直到接近0。