码迷,mamicode.com
首页 > 其他好文 > 详细

兼容IE8 input的placeholder的文字显示

时间:2016-12-25 20:43:11      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:tee   ace   creat   class   input   this   put   style   att   

if( !(‘placeholder‘ in document.createElement(‘input‘)) ){          
    $(‘input[placeholder],textarea[placeholder]‘).each(function(){              
        var that = $(this),               
        text= that.attr(‘placeholder‘);               
        // console.log(text);            
        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(‘‘);                   
            }               
        });               
    });       
}

 

兼容IE8 input的placeholder的文字显示

标签:tee   ace   creat   class   input   this   put   style   att   

原文地址:http://www.cnblogs.com/wuxibolgs329/p/6220395.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!