我目前正在开发一个简单的网页,用于控制几个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>
当您离开元素焦点时,浏览器使用回调函数,如果您想获得真正的更改进度,可以使用onkeyup / down事件。
编辑:如果您使用此js lib http://jscolor.com/examples/,那么当您删除“{valueElement:null}”时,您的代码应该可以正常工作