查询框实现无点击事件时默认颜色,点击时清空查询空,失去焦点且查询匡为空时还原默认状态

Posted 沙弥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了查询框实现无点击事件时默认颜色,点击时清空查询空,失去焦点且查询匡为空时还原默认状态相关的知识,希望对你有一定的参考价值。

<input id="search" type="text" value="输入类别、编号、名称、主办、分类搜索">
$("#search").focus(function(){
              $(this).css("color","black");//点击后黑色
            $(this).addClass("focus");
            if($(this).val() ==this.defaultValue){  
                $(this).val("");           
            } 
            }).blur(function(){
            $(this).removeClass("focus");
            if ($(this).val() == ‘‘) {
              $(this).val(this.defaultValue);
              $(this).css("color","#C1C1C1");//失去焦点变原色
            }
          });

 

以上是关于查询框实现无点击事件时默认颜色,点击时清空查询空,失去焦点且查询匡为空时还原默认状态的主要内容,如果未能解决你的问题,请参考以下文章

用Jquery的append事件动态添加控件,点击添加时会清空原来动态控件中的值。是啥原因?

js实现点击选中,第二次点击取消选中状态

JS 鼠标点击文本框清空默认值,离开文本框恢复默认值

访问查询/组合框

如何实现在运行时将DateTimePicker框清空

微信小程序开发之带搜索记录的搜索框