DOM中的事件对象（event）

在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件相关的信息。

包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。

例如：鼠标操作导致的事件对象中，会包含鼠标位置的信息，而键盘操作导致的事件对象中，会包含与按下的键有关的信息。

所以浏览器都支持event对象，但支持方式不同。

        btn_event.onclick = function (event) {
            alert(event.type);//"click"
        };

        btn_event.addEventListener("click", function (event) {
            alert(event.type);//"click"
        }, false);

 

当一个函数要处理多个事件时，则可以使用type属性：

      //当一个函数要处理多个事件时，则可以使用type属性。

        var hanler_type = function (event)
        {
            switch (event.type) {
                case "click":
                    {
                        alert("click");
                        break;
                    };
                case "mouseover":
                    {
                        event.target.style.backgroundColor = "Red";
                        break;
                    };
                case "mouseout":
                    {
                        event.target.style.backgroundColor = "Blue";
                        break;
                    };
            };
        };

        btn_event.onclick = hanler_type;
        btn_event.onmouseover = hanler_type;
        btn_event.onmouseout = hanler_type;

上面代码效果图：