兼容HTML5placeholder属性

最新推荐文章于 2024-07-08 18:14:28 发布

柴逸宁

最新推荐文章于 2024-07-08 18:14:28 发布

阅读量1.4k

点赞数

分类专栏： Jquery 文章标签： html5 function input c

本文链接：https://blog.csdn.net/chaiyining007/article/details/7833905

版权

Jquery 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

                var placeholder=function(arrObj){
                    if(!('placeholder' in document.createElement('input')))
                    {
                        var bind=function(name,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)
                        }   
                    }
                }

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