查询框实现无点击事件时默认颜色,点击时清空查询空,失去焦点且查询匡为空时还原默认状态
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");//失去焦点变原色 } });
以上是关于查询框实现无点击事件时默认颜色,点击时清空查询空,失去焦点且查询匡为空时还原默认状态的主要内容,如果未能解决你的问题,请参考以下文章