html 5 有個很棒的屬性,placeholder,在滑鼠聚焦到input輸入框上面時候,提示文字會消失,失去焦點之後,又會出現:
但是在不支援html5的低版本的瀏覽器中,placeholder屬性是無效的,為了解決這個問題,因此,人為的去實現placeholder屬性:
/*
* jquery placeholder, fix for ie6,7,8,9
* @author jena
* @since 20131115.1504
* @website ishere.cn
*/
var
jplaceholder = ,
//初始化
init :
function
()
},
//修復
fix :
function
()));
var
pos = self.position(), h = self.outerheight(
true
), paddingleft = self.css(
'padding-left'
);
var
holder = $(
''
).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...