设计模式学习-（8. 外观模式）

//  将需要的功能   写到一个函数里面 ， 调用的时候直接调用

//  封装底层方法，类似jq

var Zxf = {
        g : function ( id ) {
            return document.getElementById( id );
        },
        css : function ( id , key , value ) {
            var dom = typeof id ==='string' ? this.g( id ) : id
            dom.style[key] = value;
        }
    };
    Zxf.css( 'hh' , 'color' , 'red' );

//  兼容浏览器  ie 低版本不兼容  e.priventDefault()  合 e.target

  // 获取事件对象
    var getEvent = function ( event ) {
        // 返回标砖浏览器的 event ，ie低版本的 window.event
        return event || window.event;
    };
    // 获取元素
    var getTarget = function ( event ) {
        var event = getEvent( event );
        return event.target || event.srcElement;
    };
    // 阻止默认行为
    var preventDefault = function ( event ) {
        var event = getEvent( event );
        if( event.preventDefault ) {
            event.preventDefault();
        }else{
            event.returnValue = false;
        }
    };
    document.onclick = function (e) {
        preventDefault( e );

    }