前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >jQuery 失去焦点时输入框为空时自动填写默认内容

jQuery 失去焦点时输入框为空时自动填写默认内容

原创
作者头像
用户7705674
修改2021-09-24 10:31:38
修改2021-09-24 10:31:38
2.2K00
代码可运行
举报
文章被收录于专栏:css小迷妹css小迷妹
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
复制
$("#address").focus(function () { // 地址框获得鼠标焦点
    var txt_value = $(this).val(); // 得到当前文本框的值
    if (txt_value == "请输入邮箱地址") {
        $(this).val(""); // 如果符合条件,则清空文本框内容
    }
});
$("#address").blur(function () { // 地址框失去鼠标焦点
    var txt_value = $(this).val(); // 得到当前文本框的值
    if (txt_value == "") {
        $(this).val("请输入邮箱地址"); // 如果符合条件,则设置内容
    }
})
$("#password").focus(function () {
    var txt_value = $(this).val();
    if (txt_value == "请输入邮箱密码") {
        $(this).val("");
    }
});
$("#password").blur(function () {
    var txt_value = $(this).val();
    if (txt_value == "") {
        $(this).val("请输入邮箱密码");
    }
})
//另一个方法
$(function () {
    $("#address").focus(function () { // 地址框获得鼠标焦点
        var txt_value = $(this).val(); // 得到当前文本框的值
        if (txt_value == this.defaultValue) {
            $(this).val(""); // 如果符合条件,则清空文本框内容
        }
    });
    $("#address").blur(function () { // 地址框失去鼠标焦点
        var txt_value = $(this).val(); // 得到当前文本框的值
        if (txt_value == "") {
            $(this).val(this.defaultValue); // 如果符合条件,则设置内容
        }
    })

$("#password").focus(function () {
    var txt_value = $(this).val();
    if (txt_value == this.defaultValue) {
        $(this).val("");
    }
});
$("#password").blur(function () {
    var txt_value = $(this).val();
    if (txt_value == "") {
        $(this).val(this.defaultValue);
    }
})

});
</pre> 

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档