跨浏览器添加事件处理程序

添加事件：

//element是要操作的元素，type是事件名称，handler是事件处理程序函数
function addHandler(element, type, handler){
    if(element.addEventListener){
        element.addEventListener(type, handler, false);
    }
    else if(element.attachEvent){
        element.attachEvent("on"+type, handler);
    }
    else{
        element["on"+type] = handler;
    }
}

移除事件

function removeHandler(element, type, handler){
    if(element.removeEventListener){
        element.removeEventListener(type, handler, false);
    }
    else if(element.detachEvent){
        element.detachEvent("on"+type, handler);
    }
    else{
        element["on"+type] = null;
    }
}

缺点是没考虑IE中的作用域问题

 // 阻止事件 (主要是事件冒泡，因为IE不支持事件捕获)
        stopPropagation : function(ev) {
            if (ev.stopPropagation) {
                ev.stopPropagation();
            } else {
                ev.cancelBubble = true;
            }
        },
        // 取消事件的默认行为
        preventDefault : function(event) {
            if (event.preventDefault) {
                event.preventDefault();
            } else {
                event.returnValue = false;
            }
        },
        // 获取事件目标
        getTarget : function(event) {
            return event.target || event.srcElement;
        },
        // 获取event对象的引用，取到事件的所有信息，确保随时能使用event；
        getEvent : function(e) {
            var ev = e || window.event;
            if (!ev) {
                var c = this.getEvent.caller;
                while (c) {
                    ev = c.arguments[0];
                    if (ev && Event == ev.constructor) {
                        break;
                    }
                    c = c.caller;
                }
            }
            return ev;
        }