JavaScript颜色选择器问题

Question

我正在用HTML5和JS构建一个简单的绘画应用程序。 我无法更改画布背景的颜色。

我有一个称为颜色选择器的输入框。 当值更改时，应调用getBgColor（）函数并更新画布。 但是该功能甚至没有被执行，我也不知道为什么！

输入框：

 <input id = "bgcolor_select" type="text" value="Background Color" onclick="colorPicker(event)" onchange="getBgColor()"/>

值更改时，由输入框调用的函数：

function getBgColor(){
    console.log("Bg Color: " + document.getElementById("bgcolor_select").value);
    context.fillStyle = document.getElementById("bgcolor_select").value;
    context.fillRect(0,0, canvas.width, canvas.height);
    }

当我运行我的应用程序时，我可以在选择颜色时看到字段中的值发生变化，但是由于某种原因它没有调用该函数。 如果我在值中添加一个字符并将其删除，则它将调用该函数。

任何帮助！

Answer 1

设置input.value = ... ，不会触发change事件。 仅当用户通过实际文本框更改值时，才会发生这种情况。 您可以自己手动触发它，但是在这种情况下，您可以只调用getBgColor() 。