Javascript Van.Js收听移动触摸屏事件

我做了一个范围栏：

const oRange=document.getElementById（'rationge'）；
const-oInput=document.getElementById（'ratio-input'）；
//范围栏刷新
设bflag=false；
函数rit（val）{return Math.round（val*100）/100；}
函数toPercent（mi，ma，val）{返回rit（（val-mi）/（ma-mi）*100）；}
函数toRatio（rmi，rma，mi，ma，val）{返回rit（（rma-rmi）*toPercent（mi，ma，val）/100+rmi）；}
函数比率控制（）{
如果（！bflag）{return；}
设x=parseInt（橙色值）；
oInput.value=x；
设p=toPercent（0400，x）；
让颜色='线性梯度（90度，rgb（117，252，255）'+p+'%，rgb（214）'+p+'''”；
橙色.style.background=颜色；
}
oRange.addEventListener（'mousedown'，（）=>{bflag=true；}）；
oRange.addEventListener（'mousemove'，（）=>{ratioControl（）；}）；
oRange.addEventListener（'mouseup'，（）=>{bflag=false；}）
滑块{
-webkit外观：无；
左边距：10%；
保证金权利：10%；
宽度：80%；
高度：20px；
背景：线性梯度（90度，rgb（214）60%，rgb（214）60%）；
大纲：无；
不透明度：0.7；
-webkit转换：0.2s；
过渡：不透明度0.2s；
边界半径：12px；
盒影：0px 1px 10px 1px黑色；
}
.滑块：悬停{
不透明度：1；
}
.滑块：：-webkit滑块拇指{
-webkit外观：无；
外观：无；
宽度：40px；
高度：40px；
背景：白色；
边界半径：50%；
光标：指针；
}
.滑块：：-moz范围拇指{
宽度：40px；
高度：40px；
背景：白色；
边界半径：50%；
光标：指针；
}

比率