ie9上支援placeholder屬性的js程式碼
$(function(){
//判斷瀏覽器是否支援placeholder屬性
supportPlaceholder='placeholder'in document.createElement('input'),
placeholder=function(input){
var text = input.attr('placeholder'),
defaultValue = input.defaultValue;
if(!defaultValue){
input.val(text).addClass("phcolor");
}
input.focus(function(){
if(input.val() == text){
$(this).val("");
}
});
input.blur(function(){
if(input.val() == ""){
$(this).val(text).addClass("phcolor");
}
});
//輸入的字元不為灰色
input.keydown(function(){
$(this).removeClass("phcolor");
});
};
//當瀏覽器不支援placeholder屬性時,呼叫placeholder函式
if(!supportPlaceholder){
$('input').each(function(){
text = $(this).attr("placeholder");
if($(this).attr("type") == "text"){
placeholder($(this));
}
});
}
});
相關文章
- 讓IE低版本瀏覽器也支援placeholder屬性瀏覽器
- input placeholder屬性用法介紹
- 好程式設計師分享placeholder屬性詳解程式設計師
- js prototype屬性使用程式碼例項JS
- 有關placeholder在ie9中的一點折騰。IE9
- HTML 5 placeholder 屬性相容性解決辦法HTML
- javascript的cssText屬性程式碼例項JavaScriptCSS
- vue解決IE9及以下不顯示placeholder的問題VueIE9
- ASP+MYSQL:ODBC 驅動程式不支援所需的屬性MySql
- js如何獲取給定屬性的屬性值JS
- js物件屬性JS物件
- js cssText 屬性JSCSS
- "開啟,另存為,屬性,列印"等14個JS程式碼 (轉)JS
- js的屬性物件的specified屬性用法簡單介紹JS物件
- 使用程式碼修改SAP CRM附件的屬性
- js通過type屬性值篩選input元素程式碼例項JS
- DedeCMS讓channelartlist支援currentstyle屬性
- SpreadJS 在 Angular2 中支援繫結哪些屬性?JSAngular
- css屬性與js中style物件的屬性對應表CSSJS物件
- 使用DOM Breakpoints找到修改屬性的Javascript程式碼JavaScript
- 搜尋框設定背景圖 通過設定placeholder屬性新增
- 當前的火狐也支援__proto__屬性
- 設定placeholder字型顏色程式碼
- js的returnValue屬性用法介紹JS
- 修復ios不支援fixed屬性iOS
- 程式設計必讀:Netscape 6 支援的物件和屬性列表 (轉)程式設計物件
- javascript通過class屬性獲取元素的程式碼JavaScript
- js 物件方法、類方法、原型方法的區別;私有屬性、公有屬性、公有靜態屬性的區別JS物件原型
- 設定placeholder顏色程式碼例項
- Java程式碼修改yml配置檔案屬性Java
- 為textarea新增maxlength屬性程式碼例項
- css屬性選擇器程式碼例項CSS
- package.json中的重要屬性PackageJSON
- js獲取元素的方法與屬性JS
- js可列舉屬性的遍歷JS
- 移出Json物件的三級屬性JSON物件
- 90行JS程式碼構建屬於你的ReactJSReact
- 那些優雅靈性的JS程式碼片段JS