ie9 placeholder兼容
Posted 稍微有点色
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ie9 placeholder兼容相关的知识，希望对你有一定的参考价值。
.phcolor{ color:#999;}//css样式
function isPlaceholer(){
var input = document.createElement("input");
return "placeholder" in input;
};
function placeholder(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(!isPlaceholer()){
$(‘input‘).each(function(){
text = $(this).attr("placeholder");
if($(this).attr("type") == "text"){
placeholder($(this));
}
});
}//结束
也有可用jquery-placeholder.js插件解决。但插件字体颜色不是灰色。
以上是关于ie9 placeholder兼容的主要内容，如果未能解决你的问题，请参考以下文章
input的placeholder在ie9下不兼容的结局办法。