仅在反应 js 中释放鼠标时更改 html 输入类型颜色答案

【问题标题】：Change html input type colour only on mouse release in react js仅在反应 js 中释放鼠标时更改 html 输入类型颜色
【发布时间】：2020-06-04 09:42:34
【问题描述】：

<input className="color-palatte" type="color" onChange={(e) => onColorChange(e)} />

当我在 onChange() 方法上使用 API 调用时，我不想在滑过颜色时调用 API，只在释放它时调用。

【问题讨论】：

【解决方案1】：

你可以使用onMouseUp:

onColorChange(e)} />

编辑

好的，据我所知，您的问题是每次使用颜色选择器调整弹出模式中的颜色时都会触发该事件。根据docs，您只能使用onChange 和onInput 事件，并且每次颜色更改后都会触发。不幸的是，似乎没有办法规避这一点。

【讨论】：

它没有按照预期的方式工作。我什至尝试过 onMouseDown 和 onMouseMove。但他们也没有帮助我。
在使用`onMouseUp``时会发生什么，会直接触发吗？
是的，当我点击颜色元素时它被直接触发，之后就不起作用了。
好的，所以您的问题是第一次单击时，颜色选择器会打开。但是您不希望该点击发生任何事情。然后你按下鼠标并在颜色选择上滑动，onChange 处理程序就会触发。但它只应在您释放鼠标按钮后触发。
是的，你有同样的解决方案吗？