js - 事件对象

 
        事件对象
        1. 概念：当绑定事件的对象，在触发事件时，所发生的事情记录在一个地方，而这个地方称为事件对象。
        2.       就是回调函数传过来的一个形参（标准浏览器）
                IE浏览器获取事件对象的方式： window.event
            兼容：
            function getEvent(event){
                //return event || window.event;
                //arguments : 是内置的对象、伪数组，存储了传递的所有实参（实参副本)
                return arguments[0] || window.event;
            }
        3. 事件对象内鼠标相关信息
            event.clientX / event.clientY ：距离浏览器可视窗口的的左上角的坐标值（可视区坐标值）
            event.pageX / event.pageY ：距离页面文档流(body)的左上角的坐标值（绝对坐标值）        兼容
            event.offsetX / event.offsetY ：距离触发元素（最近的元素）左上角的坐标值（相对坐标值）
        4. 事件对象内键盘相关信息
            onkeydown/onkeyup : 
                event.keyCode ：监听整个键盘，返回大写的编码值
            onkeypress : 
                event.keyCode || event.charCode || event.which :监听编辑键区，字母键返回大小写的编码值。
        5. 组合键 
            event.altKey / event.shiftKey / event.ctrlKey / event.metakey ：
            - meta键(windows键)
            - 返回true表示键按下并保持，返回false表示没有满足meta键按下并保持的情况
        6. 什么时候用？
           1.获取鼠标坐标值的时候
           2.获取键盘编码值的时候
           3.实现快捷键的时候 
           4.阻止事件冒泡的时候
           5.阻止事件默认行为的时候