占位符兼容

原创
2015/01/13 16:44
阅读数 56
<#--占位符兼容--> 
var JPlaceHolder = { 
   //检测 
   _check : function(){ 
       return 'placeholder' in document.createElement('input'); 
   }, 
   //初始化 
   init : function(){ 
       if(!this._check()){ 
           this.fix(); 
       } 
   }, 
   //修复 
   fix : function(){ 
       jQuery(':input[placeholder]').each(function(index, element) { 
           var self = $(this), txt = self.attr('placeholder'); 
           self.wrap($('<div></div>').css({position:'relative', zoom:'1', border:'none', background:'none', padding:'none', margin:'none'})); 
           var pos = self.position(), h = self.outerHeight(true), paddingleft = self.css('padding-left'); 
           var holder = $('<span></span>').text(txt).css({position:'absolute', left:pos.left, top:pos.top, height:h, lienHeight:h, paddingLeft:paddingleft, color:'#aaa'}).appendTo(self.parent()); 
           self.focusin(function(e) { 
               holder.hide(); 
           }).focusout(function(e) { 
               if(!self.val()){ 
                   holder.show(); 
               } 
           }); 
           holder.click(function(e) { 
               holder.hide(); 
               self.focus(); 
           }); 
       }); 
   } 
}; 
//执行 
jQuery(function(){ 
   JPlaceHolder.init();     
});




展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部