jquery注册文本框获取焦点清空,失去焦点赋值

JQuery

1个成员

jquery注册文本框获取焦点清空,失去焦点赋值

发表于 2016-12-22 • 2732 次查看

在我们开发过程中特别是用户注册时会有一个效果，就是文本框获取焦点清空提示，如果用户没有输入信息失去焦点赋值上我们的提示语，下面我来给大家介绍两段实现代码。

文本框如下：

代码如下	复制代码
<input type="text" value="请输入关键字" id="search" />

例1

JS代码如下：

代码如下

复制代码

$("#search").focus(function cls() {
        //捕获触发事件的对象，并设置为以下语句的默认对象
        with (event.srcElement)
        //如果当前值为默认值，则清空
            if (value == defaultValue) value = ""
    });
    $("#search").blur(function res() {
        //捕获触发事件的对象，并设置为以下语句的默认对象
        with (event.srcElement)
        //如果当前值为空，则重置为默认值
            if (value == "") value = defaultValue
    });

例2

代码如下

复制代码