我只想知道如何将文本区域的背景颜色更改为文本框中键入的颜色。我已经设法做了文本的颜色,字体和大小,但同样的方法做背景似乎不起作用。我对文本颜色和背景的代码是:
脚本:
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>
看起来好像我的互联网阻止了脚本,所以它不会改变背景
发布于 2017-02-06 08:58:05
你的代码实际上是在工作。也许您忘记了从文本框中移除焦点,以便触发更改事件。
function setColor(where, Color)
{
if (where == "backgroundcolour")
document.getElementById('textarea').style.backgroundColor = Color;
if (where == "colourtext")
document.getElementById('textarea').style.color = Color;
}
<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>
https://stackoverflow.com/questions/5449221
复制相似问题