兼容HTML5placeholder属性

[javascript]&nbs p;
VAR placeholder=function(arrObj){ 
    if(!(& # 39;placeholder' in document.createElement('input'))) 
    { 
        var bind=function(n am e,val){ 
            name.focus(function(){ 
                var o=$( this ); 
                if(o.val() === val) 
                { 
                    o.val("");      
                    o.css({"color":"#000"}) 
                } 
            }).blur(function(){ 
                var o=$(this); 
                if(!o.val()||o.val() == =val) 
                { 
                    o.val(val);    
                    o.css({"color":"#c0c0c0"}) 
                }  
            }).blur(); 
        }; 
        if(arrObj){ 
            for(var i in arrObj) 
            { 
                var txt=$(arrObj[i]["name"]); 
                var textDefault=arrObj[i]["val"]  ||"请输入";                                  
                bind(txt,textDefault); 
            }    
        } 
        else 
        { 
            $("input[placeholder]"). each (function(){ 
                var o=$(this) 
                bind(o,o.attr("placeholder"));                    
            }) 
        } 
    }else 
    { 
        for(var i in arrObj) 
        { 
            var txt=$(arrObj[i]["name"]); 
            var textDefault=arrObj[i]["val"]  ||"请输入";                                  
            txt.attr("placeholder",textDefault) 
        }    
    } 
} 

[javascript]
//使用方式1 
                placeholder(); 
                //使用方式2 
                /*placeholder([
                    { name:"#name",val:"请输入用户名/邮箱"},
                    {name:"#pwd",val:"请输入你的密码"}
                ])*/ 

作者：   ch ai yining007

总结

以上是 为你收集整理的 兼容HTML5placeholder属性 全部内容，希望文章能够帮你解决 兼容HTML5placeholder属性 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于兼容HTML5placeholder属性的详细内容...