文本框灰色字幕提示js

最新推荐文章于 2021-03-25 11:12:52 发布

HelloMeph

最新推荐文章于 2021-03-25 11:12:52 发布

阅读量792

点赞数

分类专栏： Web前端文章标签：文本框灰色字幕提示 js

本文链接：https://blog.csdn.net/hellomephllw/article/details/23432235

版权

Web前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

--------------------- 题记

事实证明呢，用focus比click好用，大家试试吧。

--------------------- 代码

/*
		 * 文本框灰色字体
		 */
		textGrayWords : function(target, str) {
			var focusUtil = function(target, str) {
				$(target).val(str).css("color", "#999999").focus(function(){
					$(this).unbind("focus").val("").css("color", "#000000");
				});
			};
			focusUtil(target, str);
			$(target).blur(function(){
				if($(this).val() == "") {
					focusUtil(target,str);
				}
			});
		},