导航

HTML

CSS

JavaScript

浏览器 & 网络

版本管理

框架

构建工具

TypeScript

性能优化

软实力

算法

UI、组件库

Node

冷门技能

事件对象

• 事件触发时那一刻，所有相关信息和方法的集合
  • chrome：最外层多了个 pointerEvent
  • 其他浏览器：最外层是 mouseEvent

var container = document.querySelector('.container');
container.addEventListener('click', function(e) {
  console.log(e);
});

// [pointerEvent]PointerEvent ->
// MouseEvent.prototype ->
// UIEvent.prototype ->
// Event.prototype ->
// Object.prototype

⭐️ event.target 和 event.currentTarget 的区别

• target 当前触发事件的元素
• currentTarget 绑定事件处理函数的元素