文本框中有默认的文字，写获取焦点和失去焦点的文字显示与消失的效果
2012-12-18 09:05
579 查看
$(".QuesComment").each(function(){
$(this).val('请输入100字以内的评语').css('color','#666666');
$(this).focus(function(){
$(this).css('color','#000');
if(!this.initValue){
this.initValue = this.value;
}
if(this.value === this.initValue){
this.value = '';
}
}).blur(function(){
if(this.value === '' || this.value === null){
this.value = this.initValue;
$(this).css('color','#666666');
}
});
})
$(this).val('请输入100字以内的评语').css('color','#666666');
$(this).focus(function(){
$(this).css('color','#000');
if(!this.initValue){
this.initValue = this.value;
}
if(this.value === this.initValue){
this.value = '';
}
}).blur(function(){
if(this.value === '' || this.value === null){
this.value = this.initValue;
$(this).css('color','#666666');
}
});
})
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 文本框特效:获取焦点时自动清除默认文本 失去焦点重新显示默认文字
- 文本框特效:获取焦点时自动清除默认文本 失去焦点重新显示默认文字
- 文本框默认文字内容消失显示效果
- jQuery表单Input文本框默认说明文字获得焦点后消失效果
- jQuery表单Input文本框默认说明文字获得焦点后消失效果
- jQuery表单input文本框默认说明文字获得焦点后消失效果
- jquery插件小试牛刀：文本框为空时默认文字显示，获得焦点后默认文字消失
- 通过js实现得到焦点时文本框清空,失去焦点时又显示默认文字，值发生改变时不再恢复默认文字?
- 文本框默认文字内容消失显示效果
- 关于输入框得到焦点时文本框清空,失去焦点时又显示默认文字，值发生改变时不再恢复默认文字的两种方法
- jQuery表单Input文本框默认说明文字获得焦点后消失效果
- 文本框内默认提示————请输入用户姓名（字体灰色），要求： （1）当文本框获得焦点时，默认提示消失 （2）当文本框失去焦点时，如果没有输入新内容，那么则显示原来的灰色字体内容； 如果有新内容输入则判断，如果长度小于10，则提示“姓名长度应该大于10个字符”
- jquery 获得焦点的时候，焦点时文本框清空,失去焦点时又显示默认文字
- JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
- JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
- 文本框默认显示的字（提示的文字），点击后文字消失。
- jquery文本框默认文字点击消失的效果
- 今天写一个注册或是登录时都可以用的东西，就是在input方框中点击，方框内文字消失，失去焦点，则又显示
- ueditor文本框初始化如何显示默认内容,以及文本框获取焦点后清空默认内容
- JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法