使用 HTML/JS，我很想创建一个用于调整数字的 UI 控件。
要求
我很想支持粗略与精细的方案，即重用范围控件的空间进行数字输入，以便调整数字的工作流程如下所示：
- 拖动滑块进入粗糙区域;
- 双击滑块，在范围变为不可见时查看输入控件;
- 输入准确的数字;
- 按键盘上的 Esc 并再次查看范围控件，输入将变得不可见。
这可能吗？如果是这样，我需要一些如何做到这一点的指示。是叠加还是删除/添加/刷新周期？老实说，我不知道如何。
这应该可以通过直接设置范围控件的value来实现。
它可以像侦听滑块上的鼠标事件一样简单，挂钩到其中一个事件中，显示一个模式，该模式有一个输入预填充到滑块上的现有值，允许用户直接更改该值。
在"提交"此模式更新滑块的值时，即document.getElementById("slider").value = 123;