javascript - 根据文本更改 textarea 字体颜色。在页面加载时和内容更改后

Question

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

那对我不起作用。反正是错的。我正在使用 jquery。基本上，如果该字段为空白或等于“输入新任务...”，那么我希望字体颜色为#A7A7A7，否则将其保留为默认颜色。

这需要在初始页面加载以及 onblur 时发生。当它在焦点上时，颜色应该始终是初始的。

编辑这是从一些 PHP 中删除的，所以你会注意到那里的 PHP 代码。

Answer 1

我会做这样的事情：

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');
    }
}