我目前正在开发一个简单的网页,用于控制几个RGB LED灯条。 要选择所需的颜色,我想使用 jscolor 颜色选择器,因为它们看起来很容易使用。
问题是,当用户选择新颜色时,回调函数永远不会执行。 如果我使用 onFineChange 事件,在 jscolor 库中实现,回调会按预期触发,但由于我想仅在释放鼠标时才执行函数,因此我想使用 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}"时工作
onchange -> onChange (javascript 区分大小写(