高级事件-事件对象

高级事件-事件对象

1.事件对象

eventTarget.onclick = function(event){}
eventTarget.addEventListener('click',function(event){})
//这个 event 就是事件对象，我们还喜欢写成 e 或者 evt

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

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

2.事件对象的使用语法

eventTarget.onclick = function(event){
	//这个 event 就是事件对象，我们还喜欢写成 e 或者 evt
}
eventTarget.addEventListener('click',function(event){
	//这个 event 就是事件对象，我们还喜欢写成 e 或者 evt
})

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

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

3.事件对象的兼容性方案

事件对象本身的获取存在兼容性问题：
1.标准浏览器中是浏览器给方法传递的参数，只需要定义形参e就可以获取得到。
2.在 IE6~8中，浏览器不会给方法传递参数，如果需要的话，需要到window.event中获取查找。

//解决:
e = e || window.event;

注意：

• 事件对象只有有了事件才会存在，它是系统给我们自动创建的，不需要我们传递参数。
• 事件对象是我们事件一系列相关数据的集合，跟时间相关的，比如鼠标点击里面就包含了鼠标的相关信息，鼠标坐标等，如果是键盘事件里面就包含了键盘事件的信息，比如判断用户按下了哪个键。
• 这个事件对象我们可以自己命名，比如event、evt、e
• 事件对象也有兼容性问题