JS事件对象

 event对象代表事件的状态，比如键盘按键的状态、鼠标的位置，鼠标按钮的状态。

简单理解：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event，它有很多属性个方法。

比如：

1. 谁绑定了这个事件
2. 鼠标触发事件的话，会得到鼠标的相关信息，如鼠标的位置
3. 键盘触发事件的话，会得到键盘的相关信息，如按了哪个键

• event就是一个事件对象 写到我们的侦听函数的 小括号里面 当形参来看
• 事件对象只有有了事件才会存在， 他是系统给我们自动创建的，不需要我们传递参数
• 这个事件对象我们可以自己命名 比如event、e
• 事件对象也有兼容性问题 ie678通过 window.event 兼容写法 e = e || window.event;

 //事件对象
    var div = document.querySelector("div");
    // div.onclick = function (event) {
    //   console.log(event);
    // };

    div.addEventListener("click", function (e) {
      console.log(e);
    });

事件对象的常见属性和方法

事假对象属性方法	说明
e.target	返回触发事件的对象       标准
e.srcElement	返回触发事件的对象       非标准 ie678
e.type	返回事件的类型 比如 click  mouseover 不带on
e.cancelBubble	该属性阻止冒泡  非标准
e.returnValue	该属性阻止默认事件 比如不让链接跳转  非标准
e.preventDefault()	该方法阻止默认事件 标准
e.stopPropagation()	阻止冒泡，标准