Question

我实现了一个允许用户与画布交互的界面，当按下具有先前定义颜色的图形时，我能够通过图形颜色值更新输入颜色值，但颜色可以输入按钮不会改变。

换句话说，这里的问题是当输入[type = color] .value更新时，输入颜色（默认为黑色）不会根据其值而改变。

我一直在检查更新的输入值并将其与所选的图颜色值进行比较，但它们匹配，但我仍然不知道为什么输入颜色不会改变。

这是html代码：

<dt>Other</dt>
                  <dd>Filled:
                  <input type="checkbox" style="float:inherit; cursor:pointer" id="Filled"></dd>
                  <dd>Color:
                  <input type="color" style="float:inherit; cursor:pointer"  id="Color"></dd>

在这里我如何尝试更改输入颜色和值：

document.getElementById("Filled").checked = mySel.filled;
document.getElementById("Color").value = mySel.fill;

mySel是选定的形状。

谢谢大家

Answer 1

这是如何更新颜色类型输入的值。请注意，您需要做的就是更新其值属性，颜色会自动更改。

var colorInput = document.getElementById("testInput");

setInterval( function() {
  if( colorInput.value == "#00ff00") {
    colorInput.value = "#ff0000";
  }
  else {
    colorInput.value = "#00ff00";
  }
}, 1000);

<input id="testInput" type="color"/>

如何从html输入类型=颜色更新颜色

1 个答案: