设计模式之装饰者模式

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

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';
});