如何将自定义range sliders滑块改写为支持元素拖动的长尾？

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

目录 + 1. 使用原生 range input + 2. 创建自定义 range slider，监听 knob 的 mousedown 事件，记录当前鼠标的位置。计算左侧滑动条的宽度，移除 document 元素上的监听事件。

目录

• 1. 使用原生 range input
• 2. 创建自定义 range slider
• 监听 knob 把手的 mousedown 事件，记录当前鼠标的位置。
• 计算左侧滑条宽度
• 移除 document 元素上的监听事件

1. 使用原生 range input

这篇文章介绍两种创建 range slider 滑块的方法。

老样子，话不多说，先上菜。