JS: attachEvent and use addEventListener

Posted on 2009-10-11 filed under: AJAX (RSS) 71 views

JS: attachEvent and use addEventListener
attachEvent ways to attach an event to deal with other incidents. (Do not support the Mozilla family)

addEventListener method for Mozilla family

For example:
If this

document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;

write, then will be executed only medhot3

Written like this:

var btn1Obj = document.getElementById("btn1"); 
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);

for the implementation of the order of method3-> method2-> method1

If the Mozilla family, does not support this method, the need to use addEventListener

var btn1Obj = document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener("click",method2,false);
btn1Obj.addEventListener("click",method3,false);

Executive order of method1-> method2-> method3

The use of examples:

1.

var el = EDITFORM_DOCUMENT.body; 
//先取得对象，EDITFORM_DOCUMENT实为一个iframe
if (el.addEventListener)...{
 el.addEventListener('click', KindDisableMenu, false);
} else if (el.attachEvent)...{
 el.attachEvent('onclick', KindDisableMenu);
}

2.

if (window.addEventListener) ...{
 window.addEventListener('load', _uCO, false);
} else if (window.attachEvent) ...{
 window.attachEvent('onload', _uCO);
}