javascript - 如果用户清除输入,则防止范围 slider 重置

标签 javascript reactjs input slider

我有一个带输入框的范围 slider 。到目前为止,我大部分时间都在工作,但如果用户清除框中的输入,我需要拇指 slider 不会在中间重置。如果用户清除输入,我希望 slider 保持在当前位置。

如果用户清除并输入, slider 会在中间重置

Slider reset

Slider reset max value

这是 CodeSandbox

最佳答案

这是一个有点高级的解决方案,但您可以使用 lodash 中的 debouce(或者编写您自己的 debounce 函数,但改用包)

您可以做的是对 slider 的用户输入进行去抖动 在输入组件的“onChange”上,去抖更新状态下的 slider 值,并检查输入是否为 null/undefined/empty,然后不要更新状态 :)

我正在休息,但如果您需要我提供确切的代码,我可以提供^-^

关于javascript - 如果用户清除输入,则防止范围 slider 重置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71367209/

相关文章:

javascript 多个正则表达式匹配

javascript - 将 async 函数的值设置为 .then 的返回值

javascript - 在存在 PDF iframe 的情况下选择文本后,文本输入开始向后输入

python - 在 python tkinter 中多次获取相同的输入?

javascript 日期创建,无法设置正确的月份

javascript - 将js命令合并在一起

reactjs - 如何使用循环在 React 中构建一个带有 <Link> 的句子?

reactjs - 关于减少 React useState 钩子(Hook)数量的建议

javascript - 如何正确地将函数与组件中的参数绑定(bind)?

input - jQuery Mobile将焦点放在按键上的下一个输入