解决IE下不支持placeholder属性

所属分类：输入-通用输入

59118 375 查看评论 (19)

分享到微信朋友圈

查看演示立即下载

插件描述：解决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);

使用很简单