js事件瀏覽器兼容案例

var EventUtil = {
    //返回對event對象的引用
    getEvent: function (event) {
        return event ? event : window.event;
    },

    //返回事件的目標
    getTarget: function (event) {
        return event.target || event.srcElement;
    },

    getRelatedTarget: function (event) {
        if (event.relatedTarget) {
            return event.relatedTarget;
        } else if (event.toElement) {//IE的mouseout
            return event.toElement;
        } else if (event.fromElement) {//IE的mouseover
            return event.fromElement;
        } else {
            return null;
        }
    },

    //IE ---> DOM         case IE  return DOM
    getButton: function () {
        if (document.implementation.hasFeature("MouseEvents", "2.0")) {
            return event.button;
        } else {
            switch (event.button) {
                case 0://沒有按鍵
                case 1://左鍵
                case 3://左鍵+右鍵
                case 5://左鍵+滾輪
                case 7://左鍵+滾輪+右鍵
                    return 0;//左鍵
                case 2://右鍵
                case 6://右鍵+滾輪
                    return 2;//右鍵
                case 4://滾輪
                    return 1;//滾輪
            }
        }
    },

    //取消默認行爲
    preventDefault: function (event) {
        if (event.preventDefault) {
            event.preventDefault(event);
        } else {
            event.returnValue = false;
        }
    },

    stopPropagation: function (event) {
        if (event.stopPropagation) {
            event.stopPropagation();
        } else {
            event.cancenBubble = true;
        }
    },

    getWheelData: function (event) {
        if (event.wheelDelta) {
            return (client.engine.opera && client.engine.opera < 9.5 ? -event.wheelDelta : event.wheelDelta);
        } else {
            return -event.detail * 40;
        }
    },

    getCharCode: function (event) {
        if (typeof event.charCode == "number") {
            return event.charCode;
        } else {
            return event.keyCode;
        }
    },

    getClipboardText: function (event) {
        var clipboardData = (event.clipboardData || window.clipboardData);
        return clipboardData.getData("text");
    },

    setClipboardText: function (event, value) {
        if (event.clipboardData) {
            return event.clipboardData.setData("text/plain", value);
        } else if (window.clipboardData) {
            return window.clipboardData.setData("text", value);
        }
    },

    addHandler: function (element, type, func) {
        if (element.addEventListener) {//DOM2
            element.addEventListener(type, func, false);
        } else if (element.attachEvent) {//IE
            element.attachEvent("on" + type, func);
        } else {//DOM0,js
            element["on" + type] = func;
        }
    },

    removeHandler: function (element, type, func) {
        if (element.removeEventListener) {//DOM2
            element.removeEventListener(type, func, false);
        } else if (element.detachEvent) {//IE
            element.detachEvent("on" + type, func);
        } else {//DOM0,js
            element["on" + type] = null;
        }
    }
}