设计模式之装饰者模式

//动态的给对象添加一些额外的职责。就扩展功能而言，比生成子类更加灵活

var decorator = function (input, fn) {
//获取被装饰的对象
var input = document.getElementById(input);
if(typeof input.onclick === 'function'){
//缓存原有的回调函数
var oldClickFn = input.onclick;
input.onclick = function () {
oldClickFn();
//执行新增的函数
fn();
}
}else{
input.onclick = fn;
}
}
//给输入框装饰新的样式
decorator('tel_input', function () {
document.getElementById('tel_demo_text').style.display = 'none';
});