<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