设计模式之装饰者模式

来源:互联网 发布:淘宝运营论坛 编辑:程序博客网 时间:2024/06/13 21:00
//动态的给对象添加一些额外的职责。就扩展功能而言,比生成子类更加灵活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';});
0 0
原创粉丝点击