Question

当我在textarea中输入文本时，我有一个Text area字段，数据应该自动更改

输入文字后，颜色应自动保持变为绿色代码：

<td colspan="2">
    <textarea id="text" rows="10" cols="100" onClick="green();"></textarea>
</td>

我尝试了这段代码不起作用

<script>
function green() 
{
    document.getElementById("").style.color="#000000";
}
</script>

这是完整的代码：

<html>
<head>
<title>AUTO EMAIL</title>
<style>
            table {
              font-family: arial, sans-serif;
              border-collapse: collapse;
              width: 50%;
            }

            td, th {
              border: 1px solid #dddddd;
              text-align: center;
              padding: 8px;
            }

            tr:nth-child(even) {
              background-color: #dddddd;
            }
</style>

</head>

<body>
    <table align=center>

          <tr>
                <td colspan="2">
                    <textarea id="text" rows="10" cols="100" onClick="green();"></textarea>
                </td>
          </tr>

    </table>

<script>
function green() 
{
    document.getElementById("text").style.color="#000000";
}
</script>


</body>


</html>

Answer 1

如果您将文本传递给选择器并传递除黑色以外的其他颜色，则您的代码将起作用，因为文本的默认颜色为黑色。

function green() 
{
    document.getElementById("text").style.color="green";
}

<textarea id="text" rows="10" cols="100" onClick="green();"></textarea>

Answer 2

添加textarea样式：

<html>
<head>
<title>AUTO EMAIL</title>
<style>
            table {
              font-family: arial, sans-serif;
              border-collapse: collapse;
              width: 50%;
            }

            td, th {
              border: 1px solid #dddddd;
              text-align: center;
              padding: 8px;
            }

            tr:nth-child(even) {
              background-color: #dddddd;
            }
             textarea {
                color: green;
            }
</style>

</head>

<body>
    <table align=center>

          <tr>
                <td colspan="2">
                    <textarea id="text" rows="10" cols="100" ></textarea>
                </td>
          </tr>

    </table>
</body>
</html>

Answer 3

其他两个答案都没有错，但要么不够清晰，要么使一个简单的解决方案变得过于复杂。

让我们首先将文本区域的文本颜色默认设置为绿色：

<textarea id="text" rows="10" cols="100" style="color:green;"></textarea>

现在默认情况下，文本区域中的所有文本均为绿色。

您的onClick解决方案可以按预期运行，但单击时处于打开状态，这意味着插入的文本不会生成函数调用，因此使该解决方案与您的需求无关。

如何在自动键入javascript时更改textarea中的文本

3 个答案: