如何用原生JS编写实现拖动验证滑块的完整代码示例？

本文共计2388个文字，预计阅读时间需要10分钟。

前言：星际闲逛没事，就想着写写原生js玩玩，在网上看了几个效果后，决定做这个效果，并且使用了prototype和eventEmitter封装成了库。最终效果：分析：看到这个效果，我们首先应该想到的是和拖拽相关的功能，以及如何实现拖拽。看到这个效果，我们应该想到和拖拽相关的功能，以及如何实现拖拽。

前言

星期六闲着没事，就想着写写原生js玩玩，在网上看了几个效果后决定做这个效果，并且使用了prototype和eventEmitter封装成了库。

最终效果

分析

看到这个效果我们首先应该想到和拖动有关的api: onmousedown, onmousemove, onmouseup

其次要支持用户传入放置这个组件的dom元素和完成的回调事件。

最终如何使用？

我们先来看下使用方式，再来决定我们怎么编写这个库

具体使用就是这样的，我们还想用户能通过import等方式使用，所以我们就要支持esMoudule的导入方式。