用于根据用户改变文本区域的字体颜色的JavaScript'的选择

JavaScript for changing the font colour of a textarea according to the user's selection

本文关键字:JavaScript 颜色 选择 字体 用于 用户 改变 文本 区域      更新时间:2023-09-26

好的,所以我试图构建一个简单的文本处理器,用户可以在文本区域中键入一些文本,然后对其进行更改。我一直在根据用户的选择更改文本区域的字体颜色。你知道怎么做吗?使用颜色选择器或下拉列表。

应该不是问题:JSfiddle

<textarea>Some text</textarea>
<select>
    <option value="#000000">black</option>
    <option value="#FF0000">red</option>
    <option value="#0000FF">blue</option>
    <option value="#00FF00">green</option>
</select>
<script> //jQuery, but you can do the same with vanila JS
$('select').on('change', function() {
    $('textarea').css('color', $(this).find(':selected').val());
});
</script>

除非你需要别的东西。