【JavaScript编程知识】原生js实现滑块区间组件.docxVIP

PAGE PAGE 1 原生js实现滑块区间组件 　　本文实例为大家分享了js实现滑块区间组件的具体代码，供大家参考，具体内容如下 　　1、最小值为0，按照给定的最大值，生成区间范围；2、拖动滑块移动时，显示相应的范围区间，滑块条显示对应的状态；3、点击时，使最近的滑块移动到鼠标点击的位置。 　　当拖动滑块时，显示如下： 　　 首先布局要写好，一共有4个元素，两个滑块和两个滑块条。布局时要考虑到后期对滑块和滑块条进行事件监听，尽可能少地出现事件冒泡； 拖动滑块时，要区分是左边的滑块还是右边的滑块； 鼠标的click事件和mousedown事件要兼容好，这里统