讓IE支援placeholder屬性

2021-07-07 02:59:11 字數 1461 閱讀 8577

html 5 有個很棒的屬性,placeholder,在滑鼠聚焦到input輸入框上面時候,提示文字會消失,失去焦點之後,又會出現:

但是在不支援html5的低版本的瀏覽器中,placeholder屬性是無效的,為了解決這個問題,因此,人為的去實現placeholder屬性:

/*

* jquery placeholder, fix for ie6,7,8,9

* @author jena

* @since 20131115.1504

* @website ishere.cn

*/

varjplaceholder = ,

//初始化

init :function()

},

//修復

fix :function()));

varpos = self.position(), h = self.outerheight(true), paddingleft = self.css('padding-left');

varholder = $('').text(txt).css().focusout(function(e)

});

holder.click(function(e) );

});

}

};

//執行

jquery(function());

將上述js引入頁面中,inuput即可顯示提示資訊(相容ie10以下)

Vue專案相容IE的placeholder

一 前言 最近在做專案中的相容性處理,由於專案是spa專案,所以對於網上給出的第三方外掛程式解決方案不能滿足專案需求。實現思路 通過vue自定義指令的形式實現ie9及以下的placeholder相容。二 正文 由於專案中使用到了elementui 對於elementui元件也做了單獨處理,如下 va...

讓IE支援placeholder屬性

placeholder 屬性提供可描述輸入字段預期值的提示資訊 該提示會在輸入欄位為空時顯示,並會在字段獲得焦點時消失。但placeholder不支援ie10以下版本 在頁面中只需引入placeholder.js即可 jquery placeholder,fix for ie6,7,8,9 webs...

讓所有IE支援HTML5

作者已經把js檔案放在google code project上並允許大家直接呼叫,當然,前提是你不在意呼叫額外的檔案。你可以使用ie條件注釋來呼叫這個js檔案,這樣像firefox等非ie瀏覽器就會忽視這段 也就不會有無謂的http請求了。下面這段 僅 會在ie瀏覽器下執行 以下是js檔案中的 fu...