解决IE下不支持placeholder属性

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

 58951  375  查看评论 (19)
分享到微信朋友圈
X
解决IE下不支持placeholder属性 ie兼容6
 /**
  * 解决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);

使用很简单

$("input").placeholder();


相关插件-通用输入

js输入框四位分割加空格 光标位置正确

js输入框四位分割加空格 解决在空格位置点击输入光标错,或者删除时光标错位问题
  通用输入
 22629  308

js中文简体繁体切换

js中文简体繁体切换
  通用输入
 37418  322

讨论这个项目(19)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    0
    2018/2/5 15:08:03

    密码框显示就是..0.0 正常提示 密码?????这个应该怎么处理呢?????

    回复

    l嗯 0
    2017/12/12 10:24:25

    我下载之后拿ie去试一样没用

    回复
    つ明显喜欢。 0
    2017/9/19 11:23:53

    加了之后value的值不显示了

    回复
    我若不笑的猖狂谁替我坚强 0
    2017/9/19 10:34:30
    你好 为什么ie下文本框没有设置placeholder时文本框 会出现null值呢 回复
    转脚?踢到你 0
    2017/8/30 15:11:51
    我去,写的是什么玩意
        yanguangran0
        2017/9/5 10:17:20

        感觉非常实用的一段代码啊

    回复
    云天 0
    2017/8/2 16:18:38
    还存在问题,加了<input type="text" readonly="" value="请选择您的性别" id="clientsex"> 回复
    xzghting 0
    2017/1/17 11:22:03
    不行的。ie8完全没反应
        の转身、泪倾城0
        2017/3/22 11:19:04

        我也是,你怎么解决的能告诉我下吗

    回复
    wenzhilanyu 0
    2016/12/16 11:12:45
    加上去ie没变化,和原来一模一样 回复
    ...... 0
    2016/10/19 19:10:33
    怎么把字体颜色改成灰色啊 回复
    大浪淘沙 0
    2016/7/19 18:07:17
    不对吧,我为什么没有变化呢?奇怪? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复