【笔记——JQuery】输入框的的提示，点击后消失

//普通输入框，各个参数：
//e 输入框对象
//temp 提示文本内容
function inputTip(e,temp){
        e.click(function(){
            var text = e.attr("value");
            if(text.trim() == temp){
                e.attr("value","");
            }
            e.removeClass("inputColor");
        });
        e.blur(function(){
            var text = e.val();
            if(text.trim() == ""){
                e.attr("value",temp);
                e.addClass("inputColor");
            }
        });
    }
//密码输入框
//e 密码输入框对象
//temp 提示文本
    function inputPasswordTip(e,temp){

            e.click(function(){
                var text = e.attr("value");
                if(text.trim() == temp){
                    e.attr("value","");
                    e.attr("type","password");
                }
                e.removeClass("inputColor");
            });            
            e.blur(function(){
                var text = e.val();
                if(text.trim() == ""){
                    e.attr("type","text");
                    e.attr("value",temp);
                    e.addClass("inputColor");
                }else{
                    e.attr("type","password");

                }                
            });

大概原理是，当鼠标点击的时候获取输入框的文本，如果是提示值，则清空。

当输入框失去焦点的时候，获取文本，如果为空，则填上提示。

但是有点问题，就是如果输入过，然后删除掉，就会失去作用，不知道为什么，求高手指点

转载于:https://www.cnblogs.com/kirno/p/3630334.html