An EventUtility Class for JavaScript

 

/* Learn English for Technology.
The soucrecode comes from Professional JavaScript for Web Developers writed by Nicholas C.Zakas
The summary writed by me for the new JavaScript learners.Glad to you can read it.Welcome to commnuctate web Dev Technology with me.
My blog is Http://blog.csdn.net/takeie. */
/* The code shows Event in javascript */   

var  EventUtil  =   new  Object; // Initlialize a object by factory model.

// To attach a event by tow method.The addEventListener supporteb by the browers except ie and
// attachEvent just supported by ie
EventUtil.addEventHandler  =   function  (oTarget, sEventType, fnHandler) {
     if  (oTarget.addEventListener) {
        oTarget.addEventListener(sEventType, fnHandler,  false );
    }  else   if  (oTarget.attachEvent) {
        oTarget.attachEvent( " on "   +  sEventType, fnHandler);
    }  else  {
        oTarget[ " on "   +  sEventType]  =  fnHandler; // All supported
    }
};
        
// To Remove a Event from a Object.The removeEventListener property soupported by 
// firefox and the detachEvent just supported by ie
EventUtil.removeEventHandler  =   function  (oTarget, sEventType, fnHandler) {
     if  (oTarget.removeEventListener) { // firefox
        oTarget.removeEventListener(sEventType, fnHandler,  false );
    }  else   if  (oTarget.detachEvent) { // ie
        oTarget.detachEvent( " on "   +  sEventType, fnHandler);
    }  else  { 
        oTarget[ " on "   +  sEventType]  =   null ; // Other Supported
    }
};

// to format a event object
EventUtil.formatEvent  =   function  (oEvent) {
     if  (isIE  &&  isWin) {
        oEvent.charCode  =  (oEvent.type  ==   " keypress " )  ?  oEvent.keyCode :  0 ;
        oEvent.eventPhase  =   2 ;
        oEvent.isChar  =  (oEvent.charCode  >   0 );
        oEvent.pageX  =  oEvent.clientX  +  document.body.scrollLeft;
        oEvent.pageY  =  oEvent.clientY  +  document.body.scrollTop;
        oEvent.preventDefault  =   function  () {
             this .returnValue  =   false ;
        };

         if  (oEvent.type  ==   " mouseout " ) {
            oEvent.relatedTarget  =  oEvent.toElement;
        }  else   if  (oEvent.type  ==   " mouseover " ) {
            oEvent.relatedTarget  =  oEvent.fromElement;
        }

        oEvent.stopPropagation  =   function  () {
             this .cancelBubble  =   true ;
        };

        oEvent.target  =  oEvent.srcElement;
        oEvent.time  =  ( new  Date).getTime();
    }
     return  oEvent;
};

// Return a object who causes the event.
// window.event just supported  by ie.
// caller is a property to return the function's name which called himself.
EventUtil.getEvent  =   function () {
     if  (window.event) {
         return   this .formatEvent(window.event);
    }  else  {
         return  EventUtil.getEvent.caller.arguments[ 0 ];
    }
};
// Now you can use this code to create the object event without thinking whick kind brower it is!
// Enjoy working at flying Studio