当前位置：首页 → 问答吧 → 文本框获得焦点和失去焦点的事件，怎么设置不同状态下的文字颜色？

文本框获得焦点和失去焦点的事件，怎么设置不同状态下的文字颜色？

时间：2009-04-02

来源：互联网

复制代码

$(".keywords").val("请输入关键字").focus(function(){
if($(this).val() == "请输入关键字"){
$(this).val("");
}
}).blur(function(){
if($(this).val() == ""){
$(this).val("请输入关键字");
}
});

比如这个，我希望 “请输入关键字” 这几个字是灰色的，用户自己输入的关键字是黑色的，要怎么实现呢？

作者: Ben 发布时间: 2009-04-02

新手刚学jquery 希望能给你帮助.............
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
  $(document).ready(function(){
    $("#name").val("请填写您的用户名!").addClass("load");
    $("#name").focus(function(){
      $("#name").addClass("focus");
    });
    $("#name").blur(function(){
      var m = $("#name").val();
      if(m==""){
       $("#name").removeClass("focus");
       $("#name").val("请填写您的用户名!").addClass("load");
      }
    });

  });
</script>
<style type="text/css">
.load{
color:#CCCCCC;
}
.focus{
color:#000000;
}
</style>
</head>

<body>

<form action="" method="post" name="form1">

<input type="text" name="name" id="name" />

</form>

作者: wang4142 发布时间: 2009-04-02

引用

引用第1楼wang4142于2009-04-02 10:40发表的  :
新手刚学jquery 希望能给你帮助.............
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
  $(document).ready(function(){
    $("#name").val("请填写您的用户名!").addClass("load");
.......

修改了一个搞定了，多谢楼上提点。
我一开始把类加到里边去了，被当成值一起传出去了