元素,javascript,html,input"/>

首页 > 解决方案 > 在 HTML 中使用加速元素

问题描述

我正在使用<input type="number">与滑块 ( <input type="slider">) 关联的 a,以允许输入大范围的正整数 - 例如 10000-100000。

滑块以大步长移动,例如 5000。用户必须能够在输入字段中指定精确的数字,例如 4583。

我已经捕获了滑块的oninput()变化,以便数字反映在数字输入元素中。

我已经捕获了数字字段的oninput()更改,以便数字反映在滑块中。这适用于用户在字段中键入(尽管我已经将值捕获在滑块范围之外)以及使用向上/向下箭头键时。

我遇到的问题是向上/向下箭头键。当用户按住键超过一分钟时,数字变化的增加/减少率增加会很好。

多年来,这种加速已经在 Windows 平台上通过Up-Down 控件(以及 .NET 的Windows Forms)提供,但我在 HTML (5) 中找不到任何类似功能的文档。它存在吗?是否有提供它的 JavaScript 库?

到目前为止,仅在 Chrome 和 Firefox 上进行了测试,并且每个都没有加速,只是以恒定的速度增加。

标签: javascripthtmlinput

解决方案


推荐阅读