基于 mithril.js ,javascript ,scss写一个可拖动的滑块组件,供大家参考,具体内容如下需求需要实现一个可拖动的滑块组件,但是又不能用UI框架,只好自己动手写一个了。废话不多说,直接上代码。需要有mithril.js,javascript,scss技术基础。调用因为公司项目涉及保密条例,电脑都加了安全限制,无法录制视频或者gif图片,所有只能截图展示了。可以点击圆点拖动,也可以直接点击灰条进行点选然后拖动,也可以点击灰条上的百分比圆点进行拖动,因为单独又把事件绑定到了body上,所以可以在灰条上拖动开始并且在组件外也可以进行拖动,类似Element UI的slider组件效果。拖动参数的打印只为分享写代码过程中的一些心得体会,感谢平台!

可拖拽组件slider.js使用方法详解

可拖拽组件slider.js使用方法详解

可拖拽组件slider.js使用方法详解

可拖拽组件slider.js使用方法详解

可拖拽组件slider.js使用方法详解

可拖拽组件slider.js使用方法详解

可拖拽组件slider.js使用方法详解

可拖拽组件slider.js使用方法详解