外觀模式

        // 在項目中,團隊開發過程中,如果你想給一個元素添加一個點擊事件,另一個人也要添加點事件怎么辦?
        // 封裝一個類
        function addEvent (dom,type,fn){
            if(dom.addEventListener){
                dom.addEventListener(type,fn,false);
            }else if(dom.attachEvent){
                dom.attachEvent('on' + type, fn);
            }else{
                dom['on'+type] = fn;
            }
        }
        var box = document.getElementById('box');

        // 錯誤演示:
        box.onclick = function(){   // 甲給元素添加事件
            alert(1);
        }
        box.onclick = function(){   // 乙給元素添加事件
            alert(2);
        }
        // 上面案例 乙的點擊事件覆蓋甲的事件邏輯
        // 通過封裝的小函數來實現:
        var box2 = document.getElementById('box2');

        addEvent(box2,'click',function(){
            alert(1);
        })
        addEvent(box2,'click',function(){
            alert(2);
        })
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容