javascript高手请进,关于注册事件问题

Question

这是一个我看别人写的 var EventUtil = { addHandler: function (oElement, sEvent, fnHandler) { oElement.addEventListener ? oElement.addEventListener(sEvent, fnHandler, false) : (oElement["_" + sEvent + fnHandler] = fnHandler, oElement[sEvent + fnHandler] = function () {oElement["_" + sEvent + fnHandler]()}, oElement.attachEvent("on" + sEvent, oElement[sEvent + fnHandler])) } } 但感觉好像也不用这么麻烦呀！请问他这么写避免了那些问题或者好处是什么,那么下面是我写的 var EventUtil={ addHandler:function(oElement,sEvent,fnHandler){ oElement.addEventListener ? oElement.addEventListener(sEvent,fnHandler,false) : oElement.attachEvent("on"+sEvent,fnHandler) } }

Answer 1

不得不说, 写这代码的人也太喜欢卖弄了吧, 非要写成一行. 写通俗点可以是这样:

var EventUtil = {

　　addHandler: function(oElement, sEvent, fnHandler){

　　　　if(oElement.addEventListener){

　　　　　　oElement.addEventListener(sEvent, fnHandler, false);

　　　　}

　　　　else{

　　　　　　oElement['__'+ sEvent] = fnHandler;

　　　　　　oElement.attachEvent('on'+ sEvent, function(evt){

　　　　　　　　oElement['__'+ sEvent](evt);

　　　　　　});

　　　　}

　　}

}

他首先把要注册的侦听器作成DOM元素的一个方法, 然后当事件触发后用该 DOM元素调用这个方法, 我猜应该是解决ie中事件侦听器中的 this 指向的问题, 按理说事件触发后, 侦听器中的 this 是指向事件触发那个 DOM 元素的, 也许在IE 以前的某个古老的版本中 侦听器中的 this 是乱指向的.  

这是我的猜测, 没有具体实验, 我在工作中还没遇到过这种情况, 现在的ie 都很正常, 也许是我没注意吧.

Answer 2

有点闭包的意思，这个写的有点意思。写这段代码人，对JavaScript有一定认识啊

Answer 3

这个闭包貌似没关系吧？他只是如果没有addEventListener方法，就给oElement添加一个属性，然后把处理方法赋值给这个属性，然后绑定事件的时候关联这个属性。。这只是我的个人认为，我是菜鸟，看不出有什么好处。