javascript event兼容性随笔

一、前言

    function ConvertEvent(e, element) {
        var event = e || window.event;
        var resultEvent = {
            event: event,
            type: event.type,
            target: event.target || event.srcElement,
            relatedTarget: event.relatedTarget || event.fromElement || event.toElement,
            clientX: event.clientX,
            clientY: event.clientY,
            screenX: event.screenX,
            screenY: event.screenY,
//            offsetX: event.offsetX,
//            offsetY: event.offsetY,
            altKey: event.altKey,
            ctrlKey: event.ctrlKey,
            shiftKey: event.shiftKey,
            charCode: event.charCode || event.keyCode,
            charCodeValue: String.fromCharCode(event.charCode || event.keyCode),
            stopPropagation: event.stopPropagation || function () { return window.event.cancelBubble = true; },
            preventDefault: event.preventDefault || function () { return window.event.returnValue = false; }
        };

        return resultEvent;
    }

    var eventClass = window.Event = window.jasen.core.Event;
    eventClass.Convert = ConvertEvent;

 二、范例

 <form id="form1" runat="server">
    <div>
       <input type="text" value="mouse test" onkeydown="return convert(event);" />
        <input type="button" value="mouse test" onclick="return convert(event,this);" />
    </div>
    </form>
    <script type="text/javascript">
        function convert(e) {
            var eventResult = Event.Convert(e);
            var result = "";
            for (var p in eventResult) {
                result += (p.toString() + "		 --->" + (eventResult[p] == null ? "null" : eventResult[p]).toString() + "
");
            }

            alert(result);
        }
    </script>