根据文本更改文本区域的字体颜色.页面加载时和内容更改后

Change textarea font color based on text. Both on page load, and after content changes

本文关键字：文本 加载 颜色 区域 字体      更新时间：2023-09-26

以下是我所拥有的
<textarea onblur="this.value='Enter a new task...')?'#A7A7A7':'initial'" rows="4" cols="50" id="position'.$i.'" class="taskbox">'.$task.'</textarea>

这对我不起作用。无论如何，这都是错误的。我正在使用jquery。基本上，如果字段为空或等于"输入新任务…"那么我希望字体颜色为#A7A7A7，否则保留默认颜色。

这需要在初始页面加载时发生，也需要在blur上发生。对焦时，颜色应始终为初始颜色。

EDIT这是从一些PHP中删除的，所以您会注意到其中的PHP代码。

我会这样做：

http://jsfiddle.net/eVRQD/

HTML

<textarea id="mytxt" rows="4" cols="50">Enter a new task...</textarea>

JS-

determineColor();
$('#mytxt').blur(function() {
  determineColor();
});
function determineColor(){
    var mytxtval = $('#mytxt').val();
    if( mytxtval === 'Enter a new task...' || mytxtval === '' ){
        $('#mytxt').css('color', 'red');
    } else {
         $('#mytxt').css('color', 'green');
    }
}
相关文章：