Design Pattern Learning - (8. Appearance Pattern)

// Write the required function into a function, and call it directly when calling

// Encapsulate the underlying method, similar to 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' );

// Compatible browsers ie lower versions are not compatible with e.priventDefault() and e.target

  // get event object
    var getEvent = function ( event ) {
        // Return the event of the standard brick browser, ie the lower version of window.event
        return event || window.event;
    };
    // get the element
    var getTarget = function ( event ) {
        var event = getEvent( event );
        return event.target || event.srcElement;
    };
    // prevent default behavior
    var preventDefault = function ( event ) {
        var event = getEvent( event );
        if( event.preventDefault ) {
            event.preventDefault();
        }else{
            event.returnValue = false;
        }
    };
    document.onclick = function (e) {
        preventDefault( e );

    }