Question

我只想知道如何将textarea的背景颜色更改为文本框中键入的颜色。我已经设法做了文本颜色，字体和大小，但以相同的方式做背景似乎不起作用。我的文本颜色和背景代码是：

脚本：

function setColor(where, Color)
    {
        if (where == "backgroundcolour")
          document.getElementById('textarea').style.backgroundColor = Color;
        if (where == "colourtext")
          document.getElementById('textarea').style.color = Color;
    }

HTML：

<p>
  Card color: <input type = "text"  name = "backgroundcolour" 
                           size = "10"
                           onchange = "setColor('backgroundcolour',
                                               this.value)">
  <br>
  Text color: <input type = "text"  name = "colourtext" 
                           size = "10"
                           onchange = "setColor('colourtext',
                                               this.value)">
  <br>
</p>
<textarea id = 'textarea' name="data" cols="100" rows="10">

</textarea>

似乎我的互联网阻止了脚本，所以它不会改变背景

Answer 1

您的代码实际上正在运行。也许您忘记从文本框中删除焦点以触发更改事件。

＆＃13;

function setColor(where, Color)
    {
        if (where == "backgroundcolour")
          document.getElementById('textarea').style.backgroundColor = Color;
        if (where == "colourtext")
          document.getElementById('textarea').style.color = Color;
    }

＆＃13;

<p>
  Card color: <input type = "text"  name = "backgroundcolour" 
                           size = "10"
                           onchange = "setColor('backgroundcolour',
                                               this.value)">
  <br>
  Text color: <input type = "text"  name = "colourtext" 
                           size = "10"
                           onchange = "setColor('colourtext',
                                               this.value)">
  <br>
</p>
<textarea id = 'textarea' name="data" cols="100" rows="10">

</textarea>

＆＃13;

如何使用JavaScript更改textarea的背景颜色

1 个答案: