JS学习笔记---15 事件高级-4、事件对象

4、事件对象

4.1、什么是事件对象

eventTarget.onclick = function(event){}

eventTarget.addEventListener(‘click’,function(event){})

//这个 event 就是事件对象，我们还喜欢的写成 e 或 evt

官方解释：event 对象代表事件的状态，比如键盘按键的状态、鼠标位置、鼠标按钮的状态

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

1、谁绑定了这个事件

2、鼠标触发事件的话，会得到鼠标的相关信息，如鼠标位置。

4.2、事件对象的使用语法

eventTarget.onclick = function(event){

​ //这个 event 就是事件对象，我们还喜欢的写成 e 或 evt

})

eventTarget.addEventListener(‘click’,function(event){

​ //这个 event 就是事件对象，我们还喜欢的写成 e 或 evt

})

这个event 是个形参，系统帮我们设定为事件对象，不需要传递实参过去

当我们注册事件时，event 对象就会被系统自动创建，并依次传递给事件监听器（事件处理函数）。

4.3、事件对象的兼容性方案

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

事件对象属性方法	说明
e.target	返回触发事件的对象（标准）this 指向的是绑定事件的对象
e.type	返回事件的类型 比如：click、mouseover 不带on
e.preventDefault()	该方法 阻止默认事件（默认行为）（标准） 比如：不让链接跳转
e.stopPropagation()	阻止冒泡（标准）
（了解）e.srcElement	返回触发事件的对象（非标准）ie 6-8使用
（了解）e.returnValue	该属性 组织默认事件（默认行为）（非标准） ie 6-8使用
（了解）e.cancelBubble	该属性阻止冒泡（非标准）ie 6-8使用