返回顶部

收藏

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

更多

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

[JavaScript]代码

$(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

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. 张映 发表 2014-03-05 08:20:07 angularjs 设置全局变量的3种方法
  2. 和大头 发表 2011-09-18 08:25:19 ProcessingJS介绍
  3. wangshuai 发表 2014-02-20 06:46:09 jquery交换两个元素的位置
  4. ajaxj 发表 2014-07-25 01:05:11 javascript 删除节点
  5. David Walsh 发表 2014-09-24 16:25:07 iOS Mobile Safari Hover Menu Fix
  6. 新一 发表 2015-02-02 13:56:18 解决ajax jQuery $.post() 不执行回调函数
  7. 逝去日子 发表 2015-04-15 13:25:49 MVC实现DropdownList联动
  8. kvkens 发表 2015-03-02 06:44:00 Layer For Mobile、PC
  9. cc 发表 2013-04-26 02:02:33 jquery与discuz原型protype冲突解决方法
  10. 周亮 发表 2012-07-08 09:30:17 JavaScript中的this
  11. 四火 发表 2013-04-21 12:36:05 你没有抓住Promises的要点
  12. shandawang 发表 2015-06-11 09:24:13 jquery插件

发表评论