脚本宝典收集整理的这篇文章主要介绍了兼容HTML5placeholder属性,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
[javascript]
var placeholder=function(arrObj){
if(!('placeholder' in document.createElement('input')))
{
var bind=function(name,val){
name.focus(function(){
var o=$(this);
if(o.val()===val)
{
o.val("");
o.css({"color":"#000"})
}
}).blur(function(){
var o=$(this);
if(!o.val()||o.val()===val)
{
o.val(val);
o.css({"color":"#c0c0c0"})
}
}).blur();
};
if(arrObj){
for(var i in arrObj)
{
var txt=$(arrObj[i]["name"]);
var textDefault=arrObj[i]["val"] ||"请输入";
bind(txt,textDefault);
}
}
else
{
$("input[placeholder]").each(function(){
var o=$(this)
bind(o,o.attr("placeholder"));
})
}
}else
{
for(var i in arrObj)
{
var txt=$(arrObj[i]["name"]);
var textDefault=arrObj[i]["val"] ||"请输入";
txt.attr("placeholder",textDefault)
}
}
}
[javascript]
//使用方式1
placeholder();
//使用方式2
/*placeholder([
{ name:"#name",val:"请输入用户名/邮箱"},
{name:"#pwd",val:"请输入你的密码"}
])*/
以上是脚本宝典为你收集整理的兼容HTML5placeholder属性全部内容,希望文章能够帮你解决兼容HTML5placeholder属性所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。