#事件对象 (event)
div.onclick = function(event){
console.log(event);
let e = event||window.event;解决兼容性
}
##事件对象的属性
1）target 目标对象：e.target(获取触发事件的元素)
2）this 指向绑定的元素
###鼠标相关的属性
1）相对于浏览器（文档显示区）的坐标：clientX、clientY
2) 相对于页面的坐标：pageX、pageY；如果有滚动条，会计算隐藏的坐标
3）相对于屏幕的坐标：screenX、screenY
4）相对于事件源的坐标：offsetY、offsetX
###键盘相关的属性
1）keycode：键值码、字符码，回车键的键值码是13
##事件对象的方法
1）阻止事件流
e.stopPropagation();
2) 阻止事件的默认行为（例如：a标签自带的跳转功能）
a.onclick = function(e){
e.preventDefault();
}
IE:
1) 阻止事件流
e.cancelBubble = true;
2) 阻止事件的默认行为
e.returnValue = false;
##事件委托
1) 白话版：把子级要做的事情委托给祖先元素来做
2）官方版：事件委托，实际是利用事件冒泡的原理，把具体子节点的操作，委托给gendarme范围的祖先节点去处理
JS事件对象 (event)
原文地址：https://www.cnblogs.com/namofa/p/9165018.html