Here is an addEventSimple and removeEventSimple function. Sometimes I use these two functions to register an event handler that is less conspicuous.
Function addEventSimple (obj, evt, fn ){
If (obj. addEventListener)
Obj. addEventListener (evt, fn, false );
Else if (obj. attachEvent)
Obj. attachEvent ('on' + evt, fn );
}
Function removeEventSimple (obj, evt, fn ){
If (obj. removeEventListener)
Obj. removeEventListener (evt, fn, false );
Else if (obj. detachEvent)
Obj. detachEvent ('on' + evt, fn );
}
The usage is as follows:
AddEventSimple (element, 'click', functionname );
AddEventSimple (document, 'load', functionname2 );
Now, if an element is clicked, functionaname is triggered. The same document also has the onload event handler functionname2.
Defect: the keyword "this" in IE is not an element you think points to the trigger event, but to the entire document.
Address: http://www.quirksmode.org/js/eventSimple.html
Article introduction:
JavaScript Event Learning Chapter 1: button Detection
Chapter 10 JavaScript Event Learning: Some replaceable Event pairs
Chapter 9 JavaScript Event Learning: mouse events
JavaScript Event Learning Chapter 8: Event Sequence
JavaScript Event Learning Chapter 7: Event attributes
JavaScript Event Learning Chapter 6: Event access
JavaScript Event Learning Chapter 5: Advanced Event registration Model
JavaScript Event Learning Chapter 4: traditional Event registration Model
JavaScript Event Learning Chapter 3: early Event handlers
JavaScript Event Learning Chapter 2: Event
JavaScript Event Learning Chapter 1: Event Introduction