Paste a common Javascript code in Mozilla

The unique reader (defineGetter and defineSetter) in Mozilla and prototype can be added to Element and Event, so that the methods used in IE can also be applied in Mozilla, below are some common codes
For example
Obj. insertAdjacentHTML, currentStyle, obj. attachEvent, obj. detachEvent, and so on.

Copyright: Erik Arvidsson, webfx

Copy codeThe Code is as follows: if (Browser. isMozilla) {// set up ie environment for Moz



ExtendEventObject ();
EmulateAttachEvent ();
EmulateEventHandlers (["click", "dblclick", "mouseover", "mouseout ",
"Mousedown", "mouseup", "mousemove ",
"Keydown", "keypress", "keyup"]);

EmulateCurrentStyle ();
/* EmulateDocumentAll ();
EmulateElement ()
*/

// It is better to use a constant for event. button
Event. LEFT = 0;
Event. MIDDLE = 1;
Event. RIGHT = 2;
}
Else {
Event = {};
// IE is returning wrong button number
Event. LEFT = 1;
Event. MIDDLE = 4;
Event. RIGHT = 2;
}

/*
* Extends the event object with srcElement, cancelBubble, returnValue,
* FromElement and toElement
*/
Function extendEventObject (){
Event. prototype. _ defineSetter _ ("returnValue", function (B ){
If (! B) this. preventDefault ();
Return B;
});

Event. prototype. _ defineSetter _ ("cancelBubble", function (B ){
If (B) this. stopPropagation ();
Return B;
});

Event. prototype. _ defineGetter _ ("srcElement", function (){
Var node = this.tar get;
While (node. nodeType! = 1) node = node. parentNode;
Return node;
});

Event. prototype. _ defineGetter _ ("fromElement", function (){
Var node;
If (this. type = "mouseover ")
Node = this. relatedTarget;
Else if (this. type = "mouseout ")
Node = this.tar get;
If (! Node) return;
While (node. nodeType! = 1) node = node. parentNode;
Return node;
});

Event. prototype. _ defineGetter _ ("toElement", function (){
Var node;
If (this. type = "mouseout ")
Node = this. relatedTarget;
Else if (this. type = "mouseover ")
Node = this.tar get;
If (! Node) return;
While (node. nodeType! = 1) node = node. parentNode;
Return node;
});

Event. prototype. _ defineGetter _ ("offsetX", function (){
Return this. layerX;
});
Event. prototype. _ defineGetter _ ("offsetY", function (){
Return this. layerY;
});
}

/*
* Emulates element. attachEvent as well as detachEvent
*/
Function emulateAttachEvent (){
HTMLDocument. prototype. attachEvent =
HTMLElement. prototype. attachEvent = function (sType, fHandler ){
Var polictypename = sType. replace (/on /,"");
FHandler. _ ieEmuEventHandler = function (e ){
Window. event = e;
Return fHandler ();
};
This. addEventListener (optional typename, fHandler. _ ieEmuEventHandler, false );
};

HTMLDocument. prototype. detachEvent =
HTMLElement. prototype. detachEvent = function (sType, fHandler ){
Var polictypename = sType. replace (/on /,"");
If (typeof fHandler. _ ieEmuEventHandler = "function ")
This. removeEventListener (optional typename, fHandler. _ ieEmuEventHandler, false );
Else
This. removeEventListener (polictypename, fHandler, true );
};
}

/*
* This function binds the event object passed along in
* Event to window. event
*/
Function emulateEventHandlers (eventNames ){
For (var I = 0; I <eventNames. length; I ++ ){
Document. addEventListener (eventNames [I], function (e ){
Window. event = e;
}, True); // using capture
}
}

/*
* Simple emulation of document. all
* This one is far from complete. Be cautious
*/

Function emulateAllModel (){
Var allGetter = function (){
Var a = this. getElementsByTagName ("*");
Var node = this;
A. tags = function (sTagName ){
Return node. getElementsByTagName (sTagName );
};
Return;
};
HTMLDocument. prototype. _ defineGetter _ ("all", allGetter );
HTMLElement. prototype. _ defineGetter _ ("all", allGetter );
}

Function extendElementModel (){
HTMLElement. prototype. _ defineGetter _ ("parentElement", function (){
If (this. parentNode = this. ownerDocument) return null;
Return this. parentNode;
});

HTMLElement. prototype. _ defineGetter _ ("children", function (){
Var tmp = [];
Var j = 0;
Var n;
For (var I = 0; I <this. childNodes. length; I ++ ){
N = this. childNodes [I];
If (n. nodeType = 1 ){
Tmp [j ++] = n;
If (n. name) {// named children
If (! Tmp [n. name])
Tmp [n. name] = [];
Tmp [n. name] [tmp [n. name]. length] = n;
}
If (n. id) // child with id
Tmp [n. id] = n
}
}
Return tmp;
});

HTMLElement. prototype. contains = function (oEl ){
If (oEl = this) return true;
If (oEl = null) return false;
Return this. contains (oEl. parentNode );
};
}

Function emulateCurrentStyle (){
HTMLElement. prototype. _ defineGetter _ ("currentStyle", function (){
Return this. ownerDocument. defaultView. getComputedStyle (this, null );
/*
Var cs = {};
Var el = this;
For (var I = 0; I <properties. length; I ++ ){
Cs. _ defineGetter _ (properties [I], encapsulateObjects (el, properties [I]);
}
Return cs;
*/
});
}

Function emulateHTMLModel (){

// This function is used to generate a html string for the text properties/methods
// It replaces '\ N' with "<BR"> as well as fixes consecutive white spaces
// It also repalaces some special characters
Function convertTextToHTML (s ){
S = s. replace (/\ &/g ,"&"). replace (/</g, "<"). replace (/>/g, "> "). replace (/\ n/g, "<BR> ");
While (/\ s/. test (s ))
S = s. replace (/\ s /,"");
Return s. replace (/\ s/g ,"");
}

HTMLElement. prototype. insertAdjacentHTML = function (sWhere, sHTML ){
Var df; //: DocumentFragment
Var r = this. ownerDocument. createRange ();

Switch (String (sWhere). toLowerCase ()){
Case "beforebegin ":
R. setStartBefore (this );
Df = r. createContextualFragment (sHTML );
This. parentNode. insertBefore (df, this );
Break;

Case "afterbegin ":
R. selectNodeContents (this );
R. collapse (true );
Df = r. createContextualFragment (sHTML );
This. insertBefore (df, this. firstChild );
Break;

Case "beforeend ":
R. selectNodeContents (this );
R. collapse (false );
Df = r. createContextualFragment (sHTML );
This. appendChild (df );
Break;

Case "afterend ":
R. setStartAfter (this );
Df = r. createContextualFragment (sHTML );
This. parentNode. insertBefore (df, this. nextSibling );
Break;
}
};

HTMLElement. prototype. _ defineSetter _ ("outerHTML", function (sHTML ){
Var r = this. ownerDocument. createRange ();
R. setStartBefore (this );
Var df = r. createContextualFragment (sHTML );
This. parentNode. replaceChild (df, this );

Return sHTML;
});

HTMLElement. prototype. _ defineGetter _ ("canHaveChildren", function (){
Switch (this. tagName ){
Case "AREA ":
Case "BASE ":
Case "BASEFONT ":
Case "COL ":
Case "FRAME ":
Case "HR ":
Case "IMG ":
Case "BR ":
Case "INPUT ":
Case "ISINDEX ":
Case "LINK ":
Case "META ":
Case "PARAM ":
Return false;
}
Return true;
});

HTMLElement. prototype. _ defineGetter _ ("outerHTML", function (){
Var attr, attrs = this. attributes;
Var str = "<" + this. tagName;
For (var I = 0; I <attrs. length; I ++ ){
Attr = attrs [I];
If (attr. specified)
Str + = "" + attr. name + '= "' + attr. value + '"';
}
If (! This. canHaveChildren)
Return str + "> ";

Return str + ">" + this. innerHTML + "</" + this. tagName + "> ";
});

HTMLElement. prototype. _ defineSetter _ ("innerText", function (sText ){
This. innerHTML = convertTextToHTML (sText );
Return sText;
});

Var tmpGet;
HTMLElement. prototype. _ defineGetter _ ("innerText", tmpGet = function (){
Var r = this. ownerDocument. createRange ();
R. selectNodeContents (this );
Return r. toString ();
});

HTMLElement. prototype. _ defineSetter _ ("outerText", function (sText ){
This. outerHTML = convertTextToHTML (sText );
Return sText;
});
HTMLElement. prototype. _ defineGetter _ ("outerText", tmpGet );

HTMLElement. prototype. insertAdjacentText = function (sWhere, sText ){
This. insertAdjacentHTML (sWhere, convertTextToHTML (sText ));
};
}