解决IE下不支持placeholder属性可以根据自己的需要去扩展.

/**
   * 解决IE下不支持placeholder属性
   * 可以根据自己的需要去扩展
   * ps:写的很简单  根据自己的需求来  不喜勿喷
   */
; ( function ($) {
     
$.fn.placeholder =  function (options) {
         
var  opts = $.extend({}, $.fn.placeholder.defaults, options);
         
var  isIE = document.all ?  true  false ;
         
return  this .each( function () {
             
var  _this =  this ,
                
  placeholderValue = _this.getAttribute( "placeholder" );  //缓存默认的placeholder值
            
  if  (isIE) {
                 
_this.setAttribute( "value" , placeholderValue);
                 
_this.onfocus =  function () {
                   
   $.trim(_this.value) == placeholderValue ? _this.value =  ""  '' ;
                
  };
               
   _this.onblur =  function () {
                     
$.trim(_this.value) ==  ""  ? _this.value = placeholderValue :  '' ;
                 
};
             
}
         
});
     
};

 

})(jQuery);


使用很简单

1
$( "input" ).placeholder();

以上是转载的,用来解决input的placeholder没有问题,用在textarea就有问题,

所以我把代码拆开了写在自己的代码里就可以了,所以以上我认为可以参考,

提供思路,具体还得联系实际,举一反三。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值