增强 $addHandler 的功能。

我最近在做一个项目的时候，需要写一个javascript的类来对一个ActiveX控件进行封装。而ActiveX控件有它自己的事件以及事件参数，我先后用了“attachEvent”和“$addHandler”来订阅事件，但都有不同的问题，“attachEvent”订阅的事件能正常得到参数，但“this”不再是当前类的实例。而用“$addHandler”订阅的事件能“this”能正确的返回当前类的实例，但ActiveX控件传过来的参数丢失了，而只有一个“Sys.UI.DomEvent”实例的参数。

为了满足需求我就把“$addHandler”方法做了如下的修改，让其能实现“this”和ActiveX控件的事件参数都能正确的得到，并且也保留了“Sys.UI.DomEvent”这个实例的参数。

 

 1
 2var $addHandler = Sys.UI.DomEvent.addHandler = function Sys$UI$DomEvent$addHandler(element, eventName, handler) {
 3    /// <summary locid="M:J#Sys.UI.DomEvent.addHandler" />
 4    /// <param name="element"></param>
 5    /// <param name="eventName" type="String"></param>
 6    /// <param name="handler" type="Function"></param>
 7    //    var e = Function._validateParams(arguments, [
 8    //        { name: "element" },
 9    //        { name: "eventName", type: String },
    //        { name: "handler", type: Function }
    //    ]);
    //    if (e) throw e;
    //    Sys.UI.DomEvent._ensureDomNode(element);
    if (eventName === "error") throw Error.invalidOperation(Sys.Res.addHandlerCantBeUsedForError);
    if (!element._events) {
        element._events = {};
    }
    var eventCache = element._events[eventName];
    if (!eventCache) {
        element._events[eventName] = eventCache = [];
    }
    var browserHandler;
    if (element.addEventListener) {
        browserHandler = function(e) {
            var ev = null;
            try {
                ev = new Sys.UI.DomEvent(e);
            } catch (ex) { }
            var al = "handler.call(element, ev";
            for (var i = 0; i < arguments.length; i++) {
                al += ", arguments[" + i + "]";
            }
            al += ")";
            return eval(al);
            //return handler.call(element, ev, arguments);
        }
        element.addEventListener(eventName, browserHandler, false);
    }
    else if (element.attachEvent) {
        browserHandler = function() {
            var e = {};
            try { e = Sys.UI.DomElement._getWindow(element).event } catch (ex) { }
            var ev = null;
            try {
                ev = new Sys.UI.DomEvent(e);
            } catch (ex) { }
            var al = "handler.call(element, ev";
            for (var i = 0; i < arguments.length; i++) {
                al += ", arguments[" + i + "]";
            }
            al += ")";
            return eval(al);
            //return handler.call(element, ev, arguments);
        }
        element.attachEvent('on' + eventName, browserHandler);
    }
    eventCache[eventCache.length] = { handler: handler, browserHandler: browserHandler };
}