1.onfocus
当input获得焦点的时候,触发focus事件
如果input的值存在并且等于默认值defaultValue ,则清空输入框的值
2.onblur
当input失去焦点的时候,触发blur事件
如果input内没有值,则赋予默认值defaultValue
3.自定义trim()方法,去除首尾空格
String.prototype.trim = function(){
var reg = /(^\s*|\s*$)/g;
return this.replace(reg,"");
};
4.具体实现
inputObj.onfocus = function(){
var defaultVal = this.defaultValue.trim(),
val = this.value.trim();
if(val && val === defaultVal){
this.value = "";
}
}
inputObj.onblur = function(){
var defaulVal = this.defaultValue.trim(),
val = this.value.trim();
if(!val){
this.value = defaulVal;
}
}