代码解决有些浏览器不支持placeholder特性的问题

最新推荐文章于 2023-01-13 18:37:02 发布

xuanwuziyou

最新推荐文章于 2023-01-13 18:37:02 发布

阅读量599

点赞数

分类专栏： Web前端技术

Web前端技术专栏收录该内容

115 篇文章 2 订阅

订阅专栏

//代码解决 有些浏览器不支持placeholder特性的问题
$(document).ready(function(){
    if( !('placeholder' in document.createElement('input')) ){

        $('input[placeholder],textarea[placeholder]').each(function(){
            var that = $(this),
                text= that.attr('placeholder');
            if(that.val()===""){
                that.val(text).addClass('placeholder');
            }
            that.focus(function(){
                if(that.val()===text){
                    that.val("").removeClass('placeholder');
                }
            })
                .blur(function(){
                    if(that.val()===""){
                        that.val(text).addClass('placeholder');
                    }
                })
                .closest('form').submit(function(){
                    if(that.val() === text){
                        that.val('');
                    }
                });
        });
    }
});