Javascript 在焦点事件或用户键入内容时更改文本颜色_Javascript_Jquery

Javascript 在焦点事件或用户键入内容时更改文本颜色

javascript jquery

Javascript 在焦点事件或用户键入内容时更改文本颜色,javascript,jquery,Javascript,Jquery,我有一个表单，其中txt框已经有一些值，当一些用户在txt框内单击时，这些值会发生变化。字体颜色稍微设置为浅色。因此，当用户键入某个内容时，字体颜色应更改为深色，并应保持为深色。是否有任何java脚本可以执行此操作 <html> <head> <style type="text/css"> .formWrapper input[type="text"]{float:left; width:178px; height:28px; line-height:27px

我有一个表单，其中txt框已经有一些值，当一些用户在txt框内单击时，这些值会发生变化。字体颜色稍微设置为浅色。因此，当用户键入某个内容时，字体颜色应更改为深色，并应保持为深色。是否有任何java脚本可以执行此操作

<html>
<head>
<style type="text/css">
.formWrapper input[type="text"]{float:left; width:178px; height:28px; line-height:27px; padding-left:5px; color:#CACACA; font-size:13px; font-weight:bold;}
</style>
</head>
<body>
<div class="formWrapper">
<form name=form>
<Input type="text" name="name1"  value="Eg : Flat-27,Block 4,Skyline" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" size="30">
</form>
</div>
</body>


.formWrapper输入[type=“text”]{float:left；宽度：178px；高度：28px；行高：27px；左侧填充：5px；颜色：#CACACA；字体大小：13px；字体重量：粗体；}

在我的示例中：

聚焦时，默认文本将被清除，输入元素将变为绿色
如果输入没有文本，则使用默认灰色文本填充模糊

代码：

html:

是的，您需要一个jQuery库。你用jQuery标记了你的问题。你能帮助我如何使用jQuery库吗..你的程序在我的本地主机上不工作..请帮助你需要包括它。只要把下一行放在你的。。。block:code.jquery.com/jquery-1.6.2.js“>没有成功，您可以发布完整的程序作为另一个答案吗！！请将该程序发布在下面

$("element").keydown(function() {
  this.value= "";
  $(this).css("color",darkcolorCode);
}).blur(function(){
    if( this.value == "default text" || $.trim(this.value) == "" ) {
       this.value == "default text";
        $(this).css("color",lightcolorCode);
    }
});

$('input').focus(function(){
     if($(this).val() == this.defaultValue){$(this).val('');$(this).css("color","green");}
}).blur(function(){
     if($(this).val() == ''){$(this).val(this.defaultValue);$(this).css("color","grey");}
});

<div class="formWrapper">
<form name=form>
<Input type="text" name="name1"  value="Eg : Flat-27,Block 4,Skyline" size="30">
</form>
</div>