jQuery实现文本域内提示文字,当鼠标点击进文本域后自动消失,文本域失去鼠标焦点后显示提示文字或显示用户输入的文字。
2016-07-28 12:12
1111 查看
<textarea id="myinput"></textarea>
$(function(){
var t = $('#myinput'); //获取到文本域对象
t.css("color","#A9A9A9"); //设置文本域的样式
t.val("请输入内容"); //设置默认显示文字
var default_value = t.val(); //把默认显示的文字赋给一个变量
t.focus(function() { //当鼠标点击文本域时修改文本域的样式,判断文本域内的文字是否等于默认值,如果等于就把文本域内设空
t.css("color","black");
if (t.val() == default_value) {
t.val('');
}
});
t.blur(function() { //当文本域失去鼠标焦点时判断文本域中的值是否为空,如果为空就把文本域的值设置为默认显示的文字并修改样式
t.css("color","black");
if (t.val() == '') {
t.val(default_value);
t.css("color","#A9A9A9");
}
});
});
$(function(){
var t = $('#myinput'); //获取到文本域对象
t.css("color","#A9A9A9"); //设置文本域的样式
t.val("请输入内容"); //设置默认显示文字
var default_value = t.val(); //把默认显示的文字赋给一个变量
t.focus(function() { //当鼠标点击文本域时修改文本域的样式,判断文本域内的文字是否等于默认值,如果等于就把文本域内设空
t.css("color","black");
if (t.val() == default_value) {
t.val('');
}
});
t.blur(function() { //当文本域失去鼠标焦点时判断文本域中的值是否为空,如果为空就把文本域的值设置为默认显示的文字并修改样式
t.css("color","black");
if (t.val() == '') {
t.val(default_value);
t.css("color","#A9A9A9");
}
});
});
相关文章推荐
- jquery中attr和prop的区别
- jQuery学习
- 模拟jquery底层链式编程
- jquery实现textarea输入内容换行和空格提交后有效果
- $.ready()事件的实现机制
- Jquery选择器总结
- Jquery blokckUI 快速入门
- 使用jQuery.form插件,实现完美的表单异步提交
- jQuery选择器总结
- jquery中使用serialize() 序列化表单时 中文乱码问题
- 通过JQUERY获取SELECT OPTION中选中的值
- jQuery源码研究学习笔记(二)
- jquery实用技巧之输入框提示语句
- jQuery stop()用法实例详解
- jquery按回车键实现表单提交代码
- 详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
- 使用jquery的change事件操作<select>的事件处理
- jQuery插件Validation快速完成表单验证的方式
- jQuery stop()用法
- jQuery制作网页版选项卡