jQuery设置和移除文本框默认值的方法


Posted in Javascript onMarch 09, 2015

本文实例讲述了jQuery设置和移除文本框默认值的方法。分享给大家供大家参考。具体分析如下:

开始时,文本框设定一个默认值。当光标移动到文本框时,如果文本框当前值是默认值,那么清空;离开文本框时,文本框值如果为空,那么将文本框值设置为默认值。

代码如下:

$(document).ready(function() {
  //each遍历文本框
  $(".input").each(function() {
    //保存当前文本框的值
    var vdefault = this.value;
    $(this).focus(function() {
      //获得焦点时,如果值为默认值,则设置为空
      if (this.value == vdefault) {
        this.value = "";
      }
    });
    $(this).blur(function() {
      //失去焦点时,如果值为空,则设置为默认值
      if (this.value == "") {
        this.value = vdefault;
      }
    });
  });
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
基于JQuery的日期联动实现代码
Feb 24 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
javascript鼠标右键菜单自定义效果
Dec 08 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
Mar 21 Javascript
探究JavaScript中的五种事件处理程序方式
Dec 07 Javascript
VUE JS 使用组件实现双向绑定的示例代码
Jan 10 Javascript
JavaScript调试的多个必备小Tips
Jan 15 Javascript
JavaScript实现分页效果
Mar 28 Javascript
angular.fromJson与toJson方法用法示例
May 17 Javascript
JavaScript箭头函数_动力节点Java学院整理
Jun 28 Javascript
javascript基于定时器实现进度条功能实例
Oct 13 Javascript
vue点击按钮实现简单页面的切换
Sep 08 Javascript
jQuery读取XML文件内容的方法
Mar 09 #Javascript
JQuery动态添加和删除表格行的方法
Mar 09 #Javascript
Python脚本后台运行的几种方式
Mar 09 #Javascript
JS控制表格实现一条光线流动分割行的方法
Mar 09 #Javascript
JS实现点击按钮自动增加一个单元格的方法
Mar 09 #Javascript
JS实现网页表格自动变大缩小的方法
Mar 09 #Javascript
EasyUI中datagrid在ie下reload失败解决方案
Mar 09 #Javascript
You might like
ThinkPHP使用smarty模板引擎的方法
2014/07/01 PHP
CI框架文件上传类及图像处理类用法分析
2016/05/18 PHP
php常用正则函数实例小结
2016/12/29 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
PHP实现的curl批量请求操作示例
2018/06/06 PHP
Javascript 日期处理之时区问题
2009/10/08 Javascript
js 字符串转化成数字的代码
2011/06/29 Javascript
JQuery实现Ajax加载图片的方法
2015/12/24 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
jQuery制作input提示内容(兼容IE8以上)
2017/07/05 jQuery
在Vue中使用echarts的实例代码(3种图)
2017/07/10 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
2017/07/24 Javascript
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
wxpython学习笔记(推荐查看)
2014/06/09 Python
python中pygame模块用法实例
2014/10/09 Python
在Python的Django框架中包装视图函数
2015/07/20 Python
Python中条件判断语句的简单使用方法
2015/08/21 Python
Python 一键制作微信好友图片墙的方法
2019/05/16 Python
Python实现个人微信号自动监控告警的示例
2019/07/03 Python
python输入错误后删除的方法
2019/10/12 Python
Pytorch 使用 nii数据做输入数据的操作
2020/05/26 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
大学生咖啡店创业计划书
2014/01/21 职场文书
四查四看剖析材料
2014/02/14 职场文书
项目投资意向书
2014/04/01 职场文书
赞美老师的演讲稿
2014/05/22 职场文书
领导干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
2014年技术员工作总结
2014/11/18 职场文书
幼儿园教师节感谢信
2015/01/23 职场文书
2015年暑假工作总结
2015/07/13 职场文书
和领导吃饭祝酒词
2015/08/11 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
pytorch中的model.eval()和BN层的使用
2021/05/22 Python