解决IE8、IE9 placeholder 不兼容的问题

SnaiLiu 发布于2019-08-01 16:52 / 2699人阅读

摘要：解决不兼容的问题请输入您的姓名

解决IE8、IE9 placeholder 不兼容的问题

html:

js:

  $("[placeholder]")
    .focus(function() {
      var input = $(this);
      if (input.val() == input.attr("placeholder")) {
        input.val("");
        input.removeClass("placeholder");
      }
    })
    .blur(function() {
      var input = $(this);
      if (input.val() == "" || input.val() == input.attr("placeholder")) {
        input.addClass("placeholder");
        input.val(input.attr("placeholder"));
      }
    })
    .blur()
    .parents("form")
    .submit(function() {
      $(this).find("[placeholder]").each(function() {
        var input = $(this);
        if (input.val() == input.attr("placeholder")) {
          input.val("");
        }
      });
    });

css:

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:    #666;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color:    #666;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color:    #666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:    #666;
}

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/50799.html

HTML、CSS、JS中常用的东西在IE中兼容问题汇总

摘要：因为国内浏览器浏览器等更新较快，所以不考虑支持某个与否，因为一般都支持。1.因为国内360浏览器、QQ浏览器等更新较快，所以不考虑Chrome支持某个css与否，因为一般都支持。 2.因为火狐等使用的人较少，且更新较快，所以不考虑支持与否，因为一般都支持 3.主要就是汇总css中一些常用的东西，在ie几个版本的支持情况，如下 ---------------------------------...

wind5o 2019-04-23 11:56 评论0 收藏0
浏览器兼容问题

摘要：一什么是浏览器兼容问题所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。条件注释最初于微软的浏览器中出现，并且直至均支持。一、什么是浏览器兼容问题所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都...

wenshi11019 2019-08-26 13:57 评论0 收藏0
ie8兼容问题

input标签placeholder 1.input里面的placeholder属性，在pc端用的特别好，但是万恶的ie8,placeholder竟然不支持。于是找到一种方法解决在ie8中placeholder无效的事 $(function() { // 如果不支持placeholder，用jQuery来完成 if(!isSupportPlaceholder()) { ...

Worktile 2019-08-02 11:57 评论0 收藏0
ie8兼容问题

input标签placeholder 1.input里面的placeholder属性，在pc端用的特别好，但是万恶的ie8,placeholder竟然不支持。于是找到一种方法解决在ie8中placeholder无效的事 $(function() { // 如果不支持placeholder，用jQuery来完成 if(!isSupportPlaceholder()) { ...

keithxiaoy 2019-08-29 17:12 评论0 收藏0