javascript - 在 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 上进行了测试,并且每个都没有加速,只是以恒定的速度增加。
解决方案
推荐阅读
- python - 在熊猫系列中保留带有图案的元素而不将它们转换为列表
- java - JSF 应用程序遇到 Target Unreachable,标识符 managed-Bean-name 解析为 null
- rdf - GraphDB - 从新的空存储库推断语句
- google-apps-script - 将数据写入文件文本的问题 - “DriveApp.createFile”插入不需要逗号
- python - 如何在 tkinter GUI 中使用动画使图像的宽度更长?
- javascript - 如果 jquery 中其他 div 为空,则隐藏 div
- google-forms - 我可以创建带有创建答案变体选项的谷歌表单调查吗?
- php - 根据国家/地区添加价格后缀 ro Woocommerce 商店循环
- javascript - 如何从反应js嵌套数组js文件中提取数据?
- c - 如何将本地 C 库构建为静态库并与 Swift 链接?