為了方便自己用，總結了一下兼容性的寫法，給自己造個輪子節省時間，也算是提升效率吧。

//瀏覽器兼容
var eventUtil = {
    //添加句柄
    //怎么給一個元素添加事件
    addHandler: function(element, type, handler) {
        if (element.addEventListener) { //支持DOM2
            element.addEventListener(type, handler, false);
        } else if (element.attachEvent) { //IE8以下
            element.attachEvent('on' + type, handler);
        } else { //更低版本的
            element['on' + type] = handler;
        }
    },
    //刪除句柄
    //怎么給一個元素刪除事件
    removeHandler: function(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;
        }
    },
    //怎么來獲取一個兼容不同瀏覽器的事件對象
    getEvent: function(event) {
        return event ? event: window.event; //ie支持window.event
    },
    //怎么獲取事件類型
    getType: function(event) {
        return event.type;
    },
    //怎么獲取事件的目標元素
    getElement: function(event) {
        return event.target || event.srcElement; ///ie支持event.srcElement
    },
    //怎么阻止取消事件的默認行為
    preventDefault: function(event) {
        if (event.preventDefault) {
            event.preventDefault();
        } else {
            event.returnValue = false;
        }
    },
    //怎么阻止事件冒泡
    stopPropagation: function(event) {
        if (event.stopPropagation) {
            event.stopPropagation();
        } else {
            event.cancelBubble = true;
        }
    }
}