事件对象

• 在触发某个事件时，系统会给我们创建一个事件对象(event)
• 事件执行期间，event才会存在，当事件执行完毕，event会自动销毁
• 兼容问题:IE9版本一下不支持event,支持window.event
• 事件对象是事件一系列相关得集合

<button>按钮</button>
    <script>
        var btn = document.querySelector('button');
        btn.onclick = function(e) {
        	//处理兼容问题
            e = e || window.event;
            console.log(e);

        }
    </script>

event常见得属性和作用

属性	作用
target	触发事件得目标
src.Element	触发事件得目标 非标准支持ie6~8
type	被触发得事件类型
currentTarget	返回绑定触发事件 不支持IE9一下版本
preventDefault	阻止链接跳转 标准写法 不支持低版本浏览器
returnVlue	阻止链接掉跳转 非标准 支持低版本浏览器
stopPropagation	阻止冒泡排序

event对象代表事件得状态，跟事件相关得一系列集合，鼠标事件对象：MouseEvent,键盘事件对象：keyboardEvent
1.MouseEvent常用属性

属性	说明
clientX	相对于当前可视窗口X坐标
clientY	相对于当前可是窗口Y坐标
pageX	返回鼠标相对于文档界面得X坐标 IE9以上版本支持
pageY	返回鼠标相对于文档界面得Y坐标 IE9以上版本支持
screenX	返回鼠标相对于电脑屏幕得X坐标
screenY	返回鼠标相对于电脑屏幕得Y坐标