javascript - 如何使用 html 输入标签设置文本区域中文本的颜色

Question

HTML

<form name="myform">
  Select Color : <input type="color" onClick="Color()">
</form>

<textarea name="myTextArea" id="myTextArea" cols="100" rows="14" placeholder="Enter Text Here ..."></textarea>

Javascript

function Color() {
    document.getElementById("myTextArea").style.color = ''; 
}

我在这里做错了什么？

以同样的方式，我如何为文本区域中的特定单词设置特定字体(family-font)。

Answer 1

对于输入类型颜色，使用 onchange 事件是有意义的。它将根据您的需要工作:

<input type="color" onchange="Color(this)">

JS

function Color(obj) {
    document.getElementById("myTextArea").style.color = obj.value;
}

演示:http://jsfiddle.net/xRBLT/