JS实现滑块拖动事件的思路

Question

<div class="scale" id="bar1">

          <div id="scaleprogress1" name="scaleprogress" class="scaleprogress"></div>

          <div id="btn1" class="btn">

            <span id="title" class="msg" ng-bind="freezerTargetTemperature"></span>

          </div>

        </div>

我要给白色的小滑块 添加拖动事件 实现拖动温度增加减少 请问应该用touchstart touchmove touchend 实现么 

拖动过程中 温度需要计算改变 还有就是样式需要改变

还是改写成 input = range的样式 添加事件来写好

p.s 不太熟悉touch事件