JavaScript Event Learning Addendum: addEventSimple

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