<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <title> complete JavaScript event listening instance (including comments) </title> <meta name = "generator" content = "editplus"/> <meta name = "Keywords" content = "AddEventHandler, addEventListener, attachEvent, appendChild, getElementsByTagNamem, createElement, createTextNode, IE and FF compatibility, JavaScript events, JavaScript listening "> <style type =" text/css "> * {margin: 0px; padding: 0px;} div {margin: 10px auto; width: 690px; border: solid 1px #000; min-height: 600px; padding: 20px;} div p {padding: 4px; margin-left: 4px; margin-top: 4px; border: solid 1px blue; width: 100px; float: left;} pre {margin: 20px 0 0 0;} a {text-indent: 4em ;} </style> </pead> <body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
AddEventListener is unavailable in IE, and attachEvent is used in IE,
I am still thinking about how to report an error to IE when it runs well in FireFox.
Objects for listening to IE and FireFox events:
Var oEventUtil = new Object ();
OEventUtil. 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;
}
};
Note: In general, it is okay, but in actual use, for the event object, you need to use
OEventUtil. AddEventHandler (document. getElementById ("jb51"), 'click', oT );