输入框获得焦点和失去焦点

项目需求,要求页面一加载的时候,就给文本框进行赋值“请输入招标项目编号”,当获得焦点事件的时候,将文本框的数据进行清空,当失去焦点事件的时候,文本框重新赋值为“请输入招标项目编号”。

输入框获得焦点和失去焦点_第1张图片


HTML代码展示:

交易进度查询

JavaScript代码展示:

//输入框获得焦点和失去焦点
    //
    $(".search_left").find("input").eq(0).focus(function(){
        if($(this).val() == "请输入招标项目编号"){
            $(this).val("");     
        }
    });
    $(".search_left").find("input").eq(0).blur(function(){
        if($(this).val() == ""){
            $(this).val("请输入招标项目编号");
        }
    });
    $(".search_left").find("input").eq(1).focus(function(){
        if($(this).val() == "请输入招标项目名称"){
            $(this).val("");
        }
    });
    $(".search_left").find("input").eq(1).blur(function(){
        if($(this).val() == ""){
            $(this).val("请输入招标项目名称");
        }
    });


你可能感兴趣的:(jquery)