时间戳

首页 > 解决方案 > 获取滑块的最后一个值

javascript - 获取滑块的最后一个值

问题描述

我正在使用 HTML 滑块 ( type="range")。它在到达目标值时更新每个中间值的相关元素。因为是大数据渲染项目，导致应用程序变慢。我希望它只取最后一个值，而不是中间值。

我在 React 项目中使用这个元素。我遇到 MaterialUI 有onChangeCommitted事件，但我不想使用外部库。

有没有办法模拟这个onChangeCommitted？

标签： javascripthtmlreactjs

解决方案

您可以使用该step属性来提及用户可以增加多少范围值。例如，我们可以将1其设为起始值和100最后一个值，step=100并且只允许用户将值从 0 增加到 100。

  <input type="range" id="volume" name="volume"
         min="1" max="100" step="100">
  <label for="volume">Volume</label>

推荐阅读