事件对象详细解析

[TOC]

事件对象的概念

在JavaScript中，事件对象是一个与当前事件相关的对象，它包含着当前事件的所有信息。事件对象的属性和方法可以让我们对事件的状态进行检测，或者对事件做出响应。

• 如何获取这个对象：

event对象会在传入事件处理的函数回调中，被系统传入，我们可以在回调函数中拿到这个对象。

element.onclick = function(event) {
    console.log(event);
}

Event常见的属性和方法

• type：事件的类型
• target：事件的目标对象
• currentTarget：事件的当前目标对象
• eventPhase: 事件所处的阶段,1:捕获阶段,2:目标阶段,3:冒泡阶段
• offsetX,offsetY:事件发生时在元素内的位置
• pageX,pageY:事件发生时在客户端相对于document的位置
• clientX,clientY:事件发生时在客户端相对于浏览器的位置
• screenX,screenY:事件发生时在屏幕上的位置

事件对象的一些方法

• preventDefault()：阻止默认事件
• stopPropagation()：阻止事件传递

事件处理中的this

在事件处理函数中，this指向的是当前事件的目标对象。