jscolor onchange回调没有被触发答案

【问题标题】：jscolor onchange callback does not get triggeredjscolor onchange回调没有被触发
【发布时间】：2018-09-04 15:53:50
【问题描述】：

我目前正在开发一个简单的网页，用于控制几个 RGB LED 灯条。要选择所需的颜色，我想使用 jscolor-color 选择器，因为它们看起来很容易使用。

问题是，当用户选择新颜色时，回调函数永远不会被执行。如果我使用在 jscolor 库中实现的 onFineChange 事件，回调会按预期触发，但由于我只想在释放鼠标时执行函数，所以我想使用 onchange 事件。使用以下代码，onchange 回调永远不会被执行。

我希望有人可以帮助我。伙计们干杯！

<html>
<input class="jscolor {valueElement:null}" onchange="getColor(this)" style="border:none" id="color1">
</html>

<script>
function getColor(picker){
          console.log("Callback");
}    
</script>

【问题讨论】：

标签： javascript jscript jscolor

【解决方案1】：

当你离开元素焦点时浏览器会使用回调函数，如果你想获得真正的改变进度可以使用onkeyup/down事件。

编辑：如果你使用这个 js lib http://jscolor.com/examples/ 那么你的代码在你删除 "{valueElement:null}" 时应该可以工作

【讨论】：

非常感谢！这确实解决了问题，虽然我真的不知道为什么，因为这些属性似乎与我无关。我现在启用了 valueElement，并通过在 jscolor 源文件中将其设置为透明来使文本不可见。