Question

我正在尝试使用此代码从拾色器中返回颜色代码，但无法使其正常工作：

<!DOCTYPE html>
<html>

<body bgcolor="2F2F2F">
  <input type="color" id="color">
  <script>
    document.getElementById("color").onchange = function TestOnTextChange() {
      return this.value;
    }
  </script>
  <input type="text" id="myTextBox" onchange="TestOnTextChange()">


</body>

</html>

Answer 1

您错过了使用颜色代码设置文本输入值的问题；

<!DOCTYPE html>
<html>

<body bgcolor="2F2F2F">
  <input type="color" id="color">
  <script>
    document.getElementById("color").onchange = function TestOnTextChange() {
      document.getElementById("myTextBox").value = this.value;

    }
  </script>
  <input type="text" id="myTextBox" onchange="TestOnTextChange()">


</body>

</html>

我正在尝试从颜色选择器获取颜色代码

1 个答案: