代码改变世界

关于兼容addEventListener方法与attachEvent的代码

2011-07-12 11:48  呦菜  阅读(1465)  评论(0编辑  收藏  举报

addEventListener方法与attachEvent方法功能相同.但是addEventListener是W3C标准,而attachEvent非W3C标准,且只支持IE浏览器.

addEventListener带有三个参数.必须设置.缺一不可.
addEventListener可以为网页内某个元素动态绑定一个事件.事件类型可随意指定
根据大家的方法收集了两个比较通用的,如下:

window.addEvent = function(o,s,fn){
o.attachEvent
?o.attachEvent('on'+s,fn):o.addEventListener(s,fn,false);
return o;

}

第二种是:

function addEventHandler(oTarget, sEventType, fnHandler) {
if (oTarget.addEventListener) {
oTarget.addEventListener(sEventType, fnHandler,
false);
}
else if (oTarget.attachEvent) {
oTarget.attachEvent(
"on" + sEventType, fnHandler);
}
else {
oTarget[
"on" + sEventType] = fnHandler;
}
};