解決IE8、IE9 placeholder 不兼容的問題

SnaiLiu 發布于2019-08-01 16:52 / 2727人閱讀

摘要：解決不兼容的問題請輸入您的姓名

解決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;
}

GPU云服務器云服務器 ie8 出錯 ie9沒有問題 ie8不兼容js哪些 ie8中js不兼容兼容ie8的js有么

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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