JavaScript Event Event binding event dismissed

<div></div>

Method of Event binding

Div.onclick = function () {}//function this points to Div
-----------------------------------------------
Obj.addeventlistener (Type,fn,false) IE9 The following is incompatible, you can bind multiple handlers for an event the this in the function points to the DIV
Div.addeventlistener (' click ', Function () {},false);
Div.addeventlistener (' click ', Test,false);

function Test () {
//....
}
---------------------------------------------------
Obj.attachevent (on+ ' type ', FN) is unique to IE, an event can bind multiple handler functions this point to the window

Div.attachevent (' onclick ', function () {
Handle.call (DIV);
})

function Haddle () {
this//...

}
Resolve the issue that this is pointing to
------------------------------------------------
Event binding function Encapsulation

1 function Addevent (elem,type,handle) {2 if (elem.addeventlistener) {3 Elem.addeventlistener (type,handle,false);4 }else if (elem.attachevent) {5 elem.attachevent (' on ' +type,function () {6 Handle.call (elem);7             })8 }else{9 elem[' on ' +type] = handle;Ten         } One          A     } -      -Addevent (DIV,CLICK,FN);

Unbind events
Elem.onclick = null;
Elem.removeeventlistener (Type,fn,false);
Elem.dettachevent (' on ' +type,fn);

JavaScript Event Event binding event dismissed