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]);}elseel.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.a2 -- 用【】 obj【“a”】上面程序就是用的这种形式.