JavaScript addEvent函数?

Question

JavaScript addEvent函数?

Answer 1

a) function addEvent(el, type, fn){
if(el.attachEvent){
el['e’+type+fn] = fn;
el[type+fn] = function(){
el[‘e’+type+fn](window.event);
}
el.attachEvent(‘on’+type, el[type+fn]);
}
else
el.addEventListener(type, fn, false);
}
addEvent(window, 'load', init);
function init() {
var odiv = document.getElementByIdx_x("divtest");
addEvent(odiv, 'onmouseover', onmousefunc);
addEvent(odiv, 'onclick', onclickfunc);
addEvent(odiv, 'onmouseout', mouseoutfunc);
}
function onmousefunc(){ ... }
function onclickfunc(){ ... }

Answer 2

element["on" + type] = handleEvent

中element["on" + type], element是传进来的标签对象 type就是传入的事件名如 click等
举个例子 type 为click，那合起来意思等同 element.onclik=handleEvent,其中handleEvent就是
事件触发调用的函数。
理解这种写法就要理解 对象的j定义
如 var obj=｛a：123｝如果要取obj对象的123这个值，那有2种方法取
1 --用点号 obj.a
2 -- 用【】 obj【“a”】上面程序就是用的这种形式.