var PlaceHolder = {
_support: (function() {
return 'placeholder' in document.createElement('input');
})(),
// 提示文字的样式,需要在页面中其他位置定义
className: 'abc',
init: function() {
if (!PlaceHolder._support) {
// 未对textarea处理,需要的自己加上
var inputs = document.getElementsByTagName('input');
PlaceHolder.create(inputs);
}
},
create: function(inputs) {
var input;
if (!inputs.length) {
inputs = [inputs];
}
for (var i = 0, length = inputs.length; i < length; i++) {
input = inputs[i];
if (!PlaceHolder._support && input.attributes && input.attributes.placeholder) {
PlaceHolder._setValue(input);
input.addEventListener('focus', function(e) {
if(input.id=="password"){
input.type="password";
}
if (this.value === this.attributes.placeholder.nodeValue) {
this.value = '';
this.className = '';
}
}, false);
input.addEventListener('blur', function(e) {
if (this.value === '') {
PlaceHolder._setValue(this);
}
}, false);
}
}
},
_setValue: function(input) {
if (input.type == 'password') {//为密码域不能通过val来设置值显示内容,会显示星号,只能用dom来模拟
input.type="text";
input.value = input.attributes.placeholder.nodeValue;
input.className = PlaceHolder.className;
}else{
input.value = input.attributes.placeholder.nodeValue;
input.className = PlaceHolder.className;
}
}
};
// 页面初始化时对所有input做初始化
// PlaceHolder.init();
// 或者单独设置某个元素
PlaceHolder.create(document.getElementById('account'));
PlaceHolder.create(document.getElementById('password'));
_support: (function() {
return 'placeholder' in document.createElement('input');
})(),
// 提示文字的样式,需要在页面中其他位置定义
className: 'abc',
init: function() {
if (!PlaceHolder._support) {
// 未对textarea处理,需要的自己加上
var inputs = document.getElementsByTagName('input');
PlaceHolder.create(inputs);
}
},
create: function(inputs) {
var input;
if (!inputs.length) {
inputs = [inputs];
}
for (var i = 0, length = inputs.length; i < length; i++) {
input = inputs[i];
if (!PlaceHolder._support && input.attributes && input.attributes.placeholder) {
PlaceHolder._setValue(input);
input.addEventListener('focus', function(e) {
if(input.id=="password"){
input.type="password";
}
if (this.value === this.attributes.placeholder.nodeValue) {
this.value = '';
this.className = '';
}
}, false);
input.addEventListener('blur', function(e) {
if (this.value === '') {
PlaceHolder._setValue(this);
}
}, false);
}
}
},
_setValue: function(input) {
if (input.type == 'password') {//为密码域不能通过val来设置值显示内容,会显示星号,只能用dom来模拟
input.type="text";
input.value = input.attributes.placeholder.nodeValue;
input.className = PlaceHolder.className;
}else{
input.value = input.attributes.placeholder.nodeValue;
input.className = PlaceHolder.className;
}
}
};
// 页面初始化时对所有input做初始化
// PlaceHolder.init();
// 或者单独设置某个元素
PlaceHolder.create(document.getElementById('account'));
PlaceHolder.create(document.getElementById('password'));